jquery解析json数据

最新推荐文章于 2025-11-26 18:40:17 发布

原创最新推荐文章于 2025-11-26 18:40:17 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用jQuery解析不同格式的JSON数据，包括字符串类型的JSON数据转换及数组形式的JSON字符串解析，并展示了直接处理JSON对象的方法。

jquery解析json数据:  
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:'商洛市'}   
]   
}";   
//data为字符串类型 则要将字符串类型转换成json数据类型  
var jsondatas=eval("("+data+")");  
$.each(jsondatas.root,function(i,n){  
alert("name"+n.name+"value"+n.value);  
}  
)  
//以下为数组类型字符串 转换成json 字符串 解析  
    //数组形式的json字符串  
    var jsondata="[{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:'商洛市'}]";  
var json=eval(jsondata);  
$.each(json,function(i,n){  
alert(json[i].name);  
alert(json[i].value);//根据索引取值  
});  
//json数据字符 不需要转换  
var json={"Products":[   
{"orderid":"11077","customerid":"RATTC"},   
{"orderid":"11078","customerid":"RATT"}   
],   
"Img":[{"id":"12345","url"   
:"image/1.jpg"}   
]};   
$.each(json.Products,function(i,n){  
   alert(n.orderid);  
})