Question

怎么用jquery遍历这个json格式的字符串

Answer 1

json数据是我们常用的一种小型的数据实时交换的一个东西，他可以利用jquery或js进行解析，下面我来介绍jquery解析json字符串方法。
一、jQuery解析Json数据格式：
使用这种方法，你必须在Ajax请求中设置参数:
1 dataType: "json"
获取通过回调函数返回的数据并解析得到我们想要的值，看源码：
代码如下 复制代码

jQuery.ajax({
url: full_url,
dataType: "json",
success: function(results) {
alert(result.name);
} });

通常情况下，你可以从后台返回JSON数据，前台就交给jQuery啦，哈哈！！
jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不
需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为
例说

例1
代码如下:
代码如下 复制代码
var data="
{
root:
[
{name:'1',value:'0'},
{name:'6101',value:'北京市'},
{name:'6102',value:'天津市'},
{name:'6103',value:'上海市'},
{name:'6104',value:'重庆市'},
{name:'6105',value:'渭南市'},
{name:'6106',value:'延安市'},
{name:'6107',value:'汉中市'},
{name:'6108',value:'榆林市'},
{name:'6109',value:'安康市'},
{name:'6110',value:'商洛市'}
]
}";
jquery
代码如下 复制代码

$.getJSON("htt p:// sani c.c nblog s.c om/",{param:"sanic"},function(data){
//此处返回的data已经是json对象
//以下其他操作同第一种情况
$.each(data.root,function(idx,item){
if(idx==0){
return true;//同countinue，返回false同break
}
alert("name:"+item.name+",value:"+item.value);
});
});

二、jQuery解析Json对象：
jQuery提供了另一种方法“parseJSON”，这需要一个标准的JSON字符串，并返回生成的JavaScript对象。让我们来看
看语法：
data = $.parseJSON(string);
看看它是如何运用的到实际开发中的：
代码如下 复制代码

jQuery.ajax({
url: dataURL, success: function(results) {
var parsedJson = jQuery.parseJSON(results);
alert(parsedJson.name);
}
});

Answer 2

$.ajax({
url: "/xxxx/xxxx",
type: "post",
dataType: "json",
success: function (datas) {
var data = datas.data;
if (data.length > 0) {
content += '<table class="tab_01" style="width:700px; margin-top:0px;float:left;">'
for (var i = 0; i < data.length; i++) {

content += '<tr>';
content += '<td align="center" style="width: 100px; padding:20px 5px 20px 20px;"></td>';
content += '<td style="width: 90px;" align="center"><span style="color:#010101; font-size:14px;"></td>'
content += '<td style="width: 70px;" align="center"></td>'
content += '</tr>'
n++;

}
content += "</table>"
}
else {
content += '<table class="ProviderNoTab">'
content += '<tr>'
content += '<td><img src="../../Content/images/ReminderBg.jpg" height="40" width="40" class="InfoDetails"/><span class="NoDetails"> </span><br><a href="/" class="GoindexA"> </a></td>'
content += '</tr>'
content += '</table>'
}
$('#centerLeftContent').html(content);
},
error: function (res) {
}
});