Jquery를 사용한 Json 순회 단계에 대한 자세한 설명

이번에는 Jquery가 Json을 통과하는 단계에 대해 자세히 설명하겠습니다. Jquery가 Json을 통과하는 주의사항은 무엇인가요?

Overview

JSON(javascript Object Notation)은 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 데이터 교환 형식이며 이상적인 데이터 교환 형식입니다. 동시에 JSON은 JavaScript 기본 형식입니다. 즉, JavaScript에서 JSON 데이터를 처리하는 데 특별한 API나 툴킷이 필요하지 않습니다.

JSON에는 객체와 배열이라는 두 가지 구조가 있습니다.

1. 객체

객체는 "{"로 시작하고 "}"로 끝납니다. 각 "키" 뒤에는 ":"이 오고 "'키/값' 쌍"은 ","로 구분됩니다.

packJson = {"name":"caibaojian.com", "password":"111"}

2. 배열

packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];

배열은 순서가 지정된 값의 모음입니다. 배열은 "["로 시작하고 "]"로 끝납니다. 값을 구분하려면 ","를 사용하세요.

JSON 객체와 JSONstrings의 변환

데이터 전송 과정에서 json은 텍스트, 즉 문자열 형태로 전달되며, JS는 JSON 객체를 기반으로 동작하므로 JSON 객체와 JSON 객체 간 변환 JSON 문자열이 핵심입니다. 예:

JSON 문자열:

var jsonStr = '{"name":"caibaojian", "password":"1111"}';

JSON 개체:

var jsonObj = {"name":"caibaojian.com", "password":"1111"};

1. 문자열을 Json 개체로 변환

var jsonObj = eval('(' + jsonStr + ')');

2. Json 개체를 문자열 문자열

var jsonStr = jsonObj.toJSONString();

로 변환합니다.

jQuery는 json 객체를 반복합니다. 객체

json 객체 탐색:

불규칙:

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array,function(value){
return value > 5;//筛选出大于5的
});
for(var i=0;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>

규칙적:

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anObject = {one:1,two:2,three:3};//对json数组each
$.each(anObject,function(name,value) {
alert(name);
alert(value);
});
var anArray = ['one','two','three'];
$.each(anArray,function(n,value){
alert(n);
alert(value);
}
);
}
);
</script>

다음을 사용할 수도 있습니다:

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值，返回1
alert(anArray[index]);//value is two
}
);
</script>

Traverse jsonobjects

<script type=&#39;text/javascript&#39; src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var strings = ['0','1','2','3','4','S','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
}
);
for (key in values) {
alert(values[key]);
}
}
);
</script>

다음 json 개체가 있습니다:

<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>

다음 방법을 마스터하신 것 같습니다. 이 기사의 사례를 읽으면서 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요! 추천 도서:

asp에서 json 데이터를 처리하는 단계에 대한 자세한 설명

htmlJSON을 직접 표시하는 방법에 대한 자세한 설명

위 내용은 Jquery를 사용한 Json 순회 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!