jQuery 解析Json字符串(Json格式或Json对象)

作者:王炜
日期:2014年06月19日

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

$.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("http://sanic.cnblogs.com/",{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);
看看它是如何运用的到实际开发中的:

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

欢迎转载,转载请保留链接: https://www.phpzu.com/article/2014/06/19/463.html

jQuery 解析Json字符串(Json格式或Json对象):等您坐沙发呢!

发表评论

*

code

0