Json을 구문 분석하는 jQuery에 대한 자세한 설명

이 문서의 예에서는 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);

위에서는 "john"이라는 결과가 출력됩니다.

Eval 메소드는 다음 표준 및 비표준 형식 문자열을 변환할 수 있습니다.

var str="{ 'name': 'John' }";
var str2='{ "name": "John" }';
var str3="{ name: 'John' }";

이 예 보기 다운로드 패키지 내: JqueryDemo1.html

B:parseJSON 함수

표준 문자열을 JSON 객체로 변환하는 또 다른 함수는 jQuery .parseJSON( str)//여기서 str은 이 제목의 설명을 만족하는 문자열

//由JSON字符串转换为JSON对象
var str='{ "name": "John" }';
var obj = jQuery.parseJSON(str)
alert("1"+ obj.name);

위의 결과가 출력됩니다. " 존".

이 방법은 표준 형식만 지원합니다: var str='{ "name": "John" }';

이 예를 보려면 다운로드 패키지를 참조하세요: JqueryDemo2.html

C: JSON.parse 함수

표준 문자열을 JSON 객체로 변환하는 함수인 JSON.parse()도 있는데, 이는 JSON.parse(str)로 사용할 수 있습니다. // str은 이 제목의 설명을 만족하는 문자열입니다.

var str = '{ "name": "mady", "age": "24" }';
var obj = JSON.parse(str);
alert(obj.name);

위의 모든 내용이 결과를 출력합니다. 남자".

이 방법은 표준 형식만 지원합니다: var str='{ "name": "John" }';

이 예에 대한 다운로드 패키지를 참조하세요: JqueryDemo3.html

위 결과는 일관되며 아래와 같이 모든 이름이 출력됩니다.

특별 참고 사항: obj가 원래 JSON 객체인 경우 eval을 사용하세요. () 함수 변환 후(여러 번 변환하더라도) 여전히 JSON 개체이지만,parseJSON() 함수를 사용한 후에는 문제(구문 예외 발생)가 발생합니다.

D: 다른 방법

실수할 수밖에 없다면 다음과 같이 비표준적이고 불규칙한 문자열을 구문 분석하고 싶을 것입니다.

코드 복사 코드는 다음과 같습니다.

또는

{name:mady,age:23}

코드 복사 코드는 다음과 같습니다:

및 기타 본질적으로 올바른 불법 형식이라고 생각할 수 있는 경우 이를 해결할 수 있는 확장 라이브러리가 있습니다

{name:'mady',age:23}

jquery-json 확장 라이브러리

다운로드 주소는 다음과 같습니다.

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

2. JSON 개체를 문자열로 변환

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）！