jQuery如何解析Json字符串(Json格式/Json对象)？

Json数据是我们经常使用的小型实时数据交换。它可以被jquery或js解析。现在我将介绍用jquery解析json字符串的方法。

我们以上面例子中解析comments对象的JSON数据为例，然后总结一下jQuery中解析JSON数据的方法。

上面例子中得到的JSON数据如下，是一个嵌套的JSON:

{ '评论' : [{ '内容' : '很好'，' id': 1，'昵称' :' Nani' }，{ '内容' : '你兮你兮'，' id' : 2 '，昵称。

以下是对$的描述。官方API提供的getJSON():

jQuery.getJSON(url、[数据、][成功(数据、textStatus、jqXHR)])包含请求发送到的url的URL字符串。

数据随请求发送到服务器的映射或字符串。

成功(数据、textStatus、jqXHR)请求成功时执行的回调函数。

回调接受三个参数，第一个是书返回的数据，第二个是状态，第三个是jQuery的XMLHttpRequest。我们只使用第一个参数。

$.每个()都是一个用于在回调函数中解析JSON数据的方法。以下是正式文件：

每个(集合，回调(indexInArray，valueOfElement))集合要迭代的对象或数组。

将在每个对象上执行的函数。

美元。每个()方法接受两个参数，第一个是要遍历的对象集(JSON对象集)，第二个是要遍历的方法。此方法还接受两个参数，第一个是遍历的索引，第二个是当前遍历的值。哈哈，用美元。每一个()方法，JSON解析都会轻松解决。(* _ _ *)嘻嘻.

函数loadInfo() { $。getJSON('loadInfo '，函数(数据){ $('#info ')。html(“”)；//空信息内容$。每个(data.com，函数(I，item) {$ ('# info ')。追加(' div' item.id'/div'' div' item .昵称'/div'' div' item.content'/div HR/'。});});}如上所述，loadinfo是请求的地址，函数(数据){ 0.}是请求成功后的回调函数，数据封装了返回的JSON对象。在下面的$中。每个(data.com，函数(I，item){ 0.})方法，data.com直接到达JSON数据中包含的JSON数组：

[{'content': '很好'，' id': 1，'昵称' :' Nani' }，{'content': '向西再向西'，' id': 2，'昵称' : '萧蔷'。在遍历的过程中，我们可以很容易地访问当前的遍历索引(代码中的“I”)和当前的遍历值(代码中的“item”)。

上述示例的运行结果如下：

如果返回的JSON数据很复杂，那么只需要多$即可。每一个()都要遍历，呵呵。例如，JSON数据如下：

{ '评论' : [{ '内容' : '很好'，' id': 1，'昵称' :' Nani' }，{ '内容' : '你兮你兮'，' id' : 2 '，昵称。“信息地图”: {“性别”:“男性”、“职业”:“程序员”、“博客”:“http://www.cnblogs.com/codeplus/'},'标题”:“123 woodenheid”} js如下。

函数loadInfo() { $。getJSON('loadInfo '，函数(数据){ $('#title ')。追加(data . title ' HR/')；$('#content ')。追加(data . content ' HR/')；//jquery解析地图数据$。每个(data.info映射，函数(键，值){$ ('# mapinfo ')。追加(键'-'值' br/HR/')；});//解析数组$。每个(data.com，函数(I，item) {$ ('# info ')。追加(' div' item.id'/div'' div' item .昵称'/div'' div' item.content'/div HR/')。});});}值得注意的是，当$。每次()遍历Map，函数()中的参数都是键和值，非常方便。

以上例子的操作效果：

JQuery非常强大，所以.想了解更多信息，你必须参考文档。

以下是其他网友的补充：

1.jQuery解析Json数据格式：

这样，您必须在Ajax请求中设置参数： 1 dataType: 'json '，以获取回调函数返回的数据，并解析它以获得我们想要的值。请参见源代码：

jQuery.ajax({ url: full_url，dataType: 'json '，success : function(results){ alert(result . name)；} });通常可以从后台返回JSON数据，交给前台的jQuery，哈哈！在jquery异步请求中，类型(通常是这个配置属性)被设置为“json”，或者通过使用$获得服务器返回。getjson()方法，所以不需要eval()方法，因为此时得到的结果已经是一个json对象，所以只需要直接调用该对象即可。给你，拿着美元。以getJSON方法为例。

示例代码如下：

vardata=' { root :[{ name : ' 1 '，value:' 0'}，{name3360' 6101 '，value:' Beijing'}，{name3360' 6102 '，value: '天津' }。值： '上海' }，{名称：'6104 '，值： '重庆' }，{名称：'6105 '，值： '渭南' }，{名称：'6106 '，值： '延安'。值： '汉中' }，{名称：'6108 '，值： '榆林市' }，{名称：'6109 '，值： '安康市' }，{名称：'6110 '，值： '商洛市'。jquery

$.getjson(' http://sanic . cn blogs.com/'，{param:' sanic'}，function(data){//这里返回的数据已经是json对象//以下其他操作与第一种情况$相同。每个(data.root，function (idx，item) {if。//与countinue相同，返回false和break } alert(' name : ' item . name '，value : ' item . value)；});});其次，jQuery解析Json对象：

JQuery提供了另一种方法“parseJSON”，它需要一个标准的JSON字符串，并返回生成的JavaScript对象。让我们看看语法：

数据=$。parseJSON(字符串)；查看它如何应用于实际开发：

jQuery.ajax({ url: dataURL，success : function(results){ var parsedJson=jquery . parsejson(results))；alert(ParseDjson . name)；} });PS:关于json操作，这里有一些比较实用的json在线工具供大家参考：

在线JSON代码检查，检查，美化和格式化工具：http://tools.jb51.net/code/json.

JSON在线格式化工具：http://tools.jb51.net/code/jsonformat.

在线XML/JSON相互转换工具：http://tools.jb51.net/code/xmljson.

Json代码在线格式化/美化/压缩/编辑/转换工具：http://tools.jb51.net/code/jsoncodeformat.

在线json压缩/转义工具：http://tools.jb51.net/code/json_yasuo_trans.