Json을 구문 분석하는 jQuery에 대한 자세한 설명
- PHP中文网원래의
- 2016-05-16 15:30:221041검색
이 문서의 예에서는 jQuery가 Json을 구문 분석하는 방법을 설명합니다. 참고하실 수 있도록 공유해 주세요. 자세한 내용은 다음과 같습니다.
머리말
WEB 데이터 전송 과정에서 json은 텍스트 형식으로 전송되며, 즉, string 의 경량 형태이며 클라이언트는 일반적으로 JS를 사용하여 수신된 JSON 객체에 대해 작업하므로 핵심은 JSON 객체와 JSON 문자열 간의 변환과 JSON 데이터의 구문 분석입니다.
먼저 2가지 개념을 명확히 합니다. 예:
JSON 문자열:
코드 복사 코드는 다음과 같습니다. 다음:
var str1 = '{ "name": "deyuyi", "sex": "man" }';JSON 개체:
코드 복사 코드는 다음과 같습니다.
var str2 = { "name": "deluyi", "sex": "man" };다음과 같이 쉽게 이해하실 수 있습니다.
JSON 객체는 JQuery에서 직접 조작할 수 있는 형식입니다. C#에서와 마찬가지로 객체(클래스 이름)를 사용하여 속성( 메서드);
JSON 문자열은 단지 문자열이며, 이를 가로채지 않으면 저장된 데이터를 검색할 수 없습니다. 🎜>
1. JSON 문자열을 JSON 객체로 변환
위의 str1을 사용하려면 먼저 다음 방법을 사용하여 JSON 객체로 변환해야 합니다.A: 평가 함수
평가 함수는 다음과 같은 방법을 사용하여 본질적으로 JSON 형식을 따르거나 대략적으로 따르는 문자열을 JSON 개체로 직접 변환할 수 있습니다. eval('(' str ')'); //str은 이 제목의 설명을 만족하는 문자열//由JSON字符串转换为JSON对象
var str='{ "name": "John" }';
var obj = eval('(' + str + ')');
alert( obj.name);
var str2="{ 'name': 'John' }";
var obj2 = eval('(' + str2 + ')');
alert( obj2.name);
var str3="{ name: 'John' }";
var obj3 = eval('(' + str3 + ')');
alert( obj3.name);var str="{ 'name': 'John' }";
var str2='{ "name": "John" }';
var str3="{ name: 'John' }";B:parseJSON 함수
표준 문자열을 JSON 객체로 변환하는 또 다른 함수는 jQuery .parseJSON( str)//여기서 str은 이 제목의 설명을 만족하는 문자열//由JSON字符串转换为JSON对象
var str='{ "name": "John" }';
var obj = jQuery.parseJSON(str)
alert("1"+ obj.name);C: JSON.parse 함수
표준 문자열을 JSON 객체로 변환하는 함수인 JSON.parse()도 있는데, 이는 JSON.parse(str)로 사용할 수 있습니다. // str은 이 제목의 설명을 만족하는 문자열입니다.var str = '{ "name": "mady", "age": "24" }';
var obj = JSON.parse(str);
alert(obj.name);
특별 참고 사항: obj가 원래 JSON 객체인 경우 eval을 사용하세요. () 함수 변환 후(여러 번 변환하더라도) 여전히 JSON 개체이지만,parseJSON() 함수를 사용한 후에는 문제(구문 예외 발생)가 발생합니다.
D: 다른 방법실수할 수밖에 없다면 다음과 같이 비표준적이고 불규칙한 문자열을 구문 분석하고 싶을 것입니다.
코드 복사 코드는 다음과 같습니다.
또는{name:mady,age:23}코드 복사 코드는 다음과 같습니다:
및 기타 본질적으로 올바른 불법 형식이라고 생각할 수 있는 경우 이를 해결할 수 있는 확장 라이브러리가 있습니다{name:'mady',age:23} 다운로드 주소는 다음과 같습니다.
http://code.google.com/p/jquery-json/이 라이브러리는 jQuery를 확장하는 데 사용됩니다. JSON을 사용하기 위해 두 가지 함수가 확장되었습니다: toJSON 및 parJSON
toJSON 함수는 일반 JavaScript 개체를 JSON으로 직렬화하는 데 사용됩니다. 물체.
parseJSON 함수는 일반 JavaScript 개체를 JSON 개체로 직렬화하는 데에도 사용됩니다.var data=$.toJSON({ x: 2, y: 3 });
var obj = jQuery.parseJSON(data);
alert(obj.x);
var str = {plugin: 'jquery-json', version: 2.3};
var data2=$.toJSON(str);
var obj2 = jQuery.parseJSON(data2);
alert(obj2.plugin);
위 코드의 실행 결과는 다음과 같습니다.
이 예제의 다운로드 패키지를 참조하세요: JqueryDemo5.html
toJSONString()을 사용할 수 있습니다. 또는 전역 메서드 JSON.stringify( ) JSON 개체를 JSON 문자열로 변환합니다.
예:코드 복사 코드는 다음과 같습니다.
또는var last=obj.toJSONString(); //将JSON对象转化为JSON字符
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符 alert(last);
三、解析读取JSON
我们通过各种方式将字符串转换为JSON对象后就是解析他了。
如上面的例子：
复制代码 代码如下:
var str2 = { "name": "mady", "sex": "man" };就可以这样读取：
复制代码 代码如下:
alert(str2.name);//和C#一样直接往出点…
弹出” mady”。
我们遇到的JSON很少有这么简单的，比如复杂一点的JSON对象如：
复制代码 代码如下:
var str={"GetUserPostByIdResult":{"Age":"33","ID":"2server","Name":"mady"}};解析用：
alert(str.GetUserPostByIdResult.Name);//一次点不出来，我多点几次
再再复杂一点的如：
复制代码 代码如下:
var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'},
{'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}";
如果你想单挑的话，解析用：
复制代码 代码如下:
alert(dataObj.root[0].name);
弹出：“6200”。
如果你想群挑的话，解析用：
$.each(dataObj.root, function(index, item) {
$("#info").append(
"" +index+":"+ item.name + "" +
"" +index+":"+ item.value + "");
});其中这个“#info”是个DIV的ID。输入结果如下图：
参见本例下载包中：JqueryDemo4.html
注意：本例如果要使用其他转换函数请更改字符串内单引号为双引号，外引号为单引号。
本文完整实例代码代码点击此处本站下载。
以上就是jQuery解析Json实例详解_jquery的内容，更多相关内容请关注PHP中文网（www.php.cn）！