浅谈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取值(对象和数组)全部内容了,希望大家多多支持毛票票~