您的位置:首页 > Web前端 > JQuery

jQuery怎么解析Json字符串(Json格式/Json对象)

2016-09-30 18:44 351 查看
可以利用jquery或js解析json数据,下面与大家分享下jquery解析json字符串方法,一个是解析Json格式,一个是解析Json对象,感兴趣的朋友可以学习下

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("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);

看看它是如何运用的到实际开发中的:
复制代码 代码如下:

jQuery.ajax({

url: dataURL, success: function(results) {

var parsedJson = jQuery.parseJSON(results);

alert(parsedJson.name);

}

}); 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: