欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-02 14:24:08
json数据是我们常用的一种小型的数据实时交换的一个东西,他可以利用jquery或js进行解析,下面我来介绍jquery解析json字符串方法。 一、jquery解析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("https://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);
}
});