浅谈json取值(对象和数组)
按对象取值：
jQuery代码如下
(function($){
$.getJSON('ajax/test.json',function(data){
varitems=[];
$.each(data.comments,function(key,val){
items.push('<liclass="'+'tag'+val.class+'">'+'<ahref="#">'+val.content+'</a>'+'</li>');
});
//第一个标签
$('<ul/>',{
'class':'',
html:items.join('')
}).appendTo('.tags');
//第二个标签
$('<ul/>',{
'class':'alt',
html:items.join('')
}).appendTo('.tags');
});
})(jQuery);
json代码如下
{"comments":[
{
"class":"1",
"content":"Loremipsum"
},
{
"class":"2",
"content":"Dolorsitamet"
},
{
"class":"3",
"content":"Consecteturadipiscingelit"
},
{
"class":"2",
"content":"Proin"
},
{
"class":"4",
"content":"Sagittislibero"
},
{
"class":"1",
"content":"Aliquetaugue"
},
{
"class":"1",
"content":"Quisqueduilacus"
},
{
"class":"5",
"content":"Consequat"
},
{
"class":"2",
"content":"Dictumnon"
},
{
"class":"1",
"content":"Venenatisettortor"
},
{
"class":"3",
"content":"Suspendissemauris"
},
{
"class":"4",
"content":"Inaccumsan"
},
{
"class":"1",
"content":"Egestasneque"
},
{
"class":"5",
"content":"Maurisegetfelis"
},
{
"class":"1",
"content":"Suspendisse"
},
{
"class":"2",
"content":"condimentumeleifendnulla"
}
]}
按数组取值：
jQuery代码如下
(function($){
$.getJSON('ajax/test_array.json',function(data){
varitems=[];
$.each(data.comments,function(key,val){
items.push('<liclass="'+'tag'+val[0]+'">'+'<ahref="#">'+val[1]+'</a>'+'</li>');
});
//第一个标签
$('<ul/>',{
'class':'',
html:items.join('')
}).appendTo('.tags');
//第二个标签
$('<ul/>',{
'class':'alt',
html:items.join('')
}).appendTo('.tags');
});
})(jQuery);
json代码如下
{"comments":[
["1","Loremipsum"],
["2","Dolorsitamet"],
["3","Consecteturadipiscingelit"],
["2","Proin"],
["4","Sagittislibero"],
["1","Aliquetaugue"],
["1","Quisqueduilacus"],
["5","Consequat"],
["2","Dictumnon"],
["1","Venenatisettortor"],
["3","Suspendissemauris"],
["4","Inaccumsan"],
["1","Egestasneque"],
["5","Maurisegetfelis"],
["1","Suspendisse"],
["2","condimentumeleifendnulla"]
]}
共用的HTML代码如下
<divclass="tags"></div>
明显可以看出按数组取值的数据量会小很多
以上就是小编为大家带来的浅谈json取值(对象和数组)全部内容了，希望大家多多支持毛票票~