国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談json取值(對象和數(shù)組)

2019-11-20 09:36:33
字體:
供稿:網(wǎng)友

按對象取值:

jQuery代碼如下

(function ($) {      $.getJSON('ajax/test.json', function (data) {        var items = [];        $.each(data.comments, function (key, val) {          items.push('<li class="' + 'tag' + val.class + '">' + '<a href="#">' + val.content + '</a>' + '</li>');        });        //第一個(gè)標(biāo)簽        $('<ul/>', {          'class':'',          html:items.join('')        }).appendTo('.tags');        //第二個(gè)標(biāo)簽        $('<ul/>', {          'class':'alt',          html:items.join('')        }).appendTo('.tags');      });    })(jQuery);

json代碼如下

{"comments":[  {    "class":"1",    "content":"Lorem ipsum"  },  {    "class":"2",    "content":"Dolor sit amet"  },  {    "class":"3",    "content":"Consectetur adipiscing elit"  },  {    "class":"2",    "content":"Proin"  },  {    "class":"4",    "content":"Sagittis libero"  },  {    "class":"1",    "content":"Aliquet augue"  },  {    "class":"1",    "content":"Quisque dui lacus"  },  {    "class":"5",    "content":"Consequat"  },  {    "class":"2",    "content":"Dictum non"  },  {    "class":"1",    "content":"Venenatis et tortor"  },  {    "class":"3",    "content":"Suspendisse mauris"  },  {    "class":"4",    "content":"In accumsan"  },  {    "class":"1",    "content":"Egestas neque"  },  {    "class":"5",    "content":"Mauris eget felis"  },  {    "class":"1",    "content":"Suspendisse"  },  {    "class":"2",    "content":"condimentum eleifend nulla"  }]}

按數(shù)組取值:

jQuery代碼如下

(function ($) {      $.getJSON('ajax/test_array.json', function (data) {        var items = [];        $.each(data.comments, function (key, val) {          items.push('<li class="' + 'tag' + val[0] + '">' + '<a href="#">' + val[1] + '</a>' + '</li>');        });        //第一個(gè)標(biāo)簽        $('<ul/>', {          'class':'',          html:items.join('')        }).appendTo('.tags');        //第二個(gè)標(biāo)簽        $('<ul/>', {          'class':'alt',          html:items.join('')        }).appendTo('.tags');      });    })(jQuery);

json代碼如下

{"comments":[  ["1", "Lorem ipsum"],  ["2", "Dolor sit amet"],  ["3", "Consectetur adipiscing elit"],  ["2", "Proin"],  ["4", "Sagittis libero"],  ["1", "Aliquet augue"],  ["1", "Quisque dui lacus"],  ["5", "Consequat"],  ["2", "Dictum non"],  ["1", "Venenatis et tortor"],  ["3", "Suspendisse mauris"],  ["4", "In accumsan"],  ["1", "Egestas neque"],  ["5", "Mauris eget felis"],  ["1", "Suspendisse"],  ["2", "condimentum eleifend nulla"]]}

共用的HTML代碼如下

 <div class="tags"></div>

明顯可以看出按數(shù)組取值的數(shù)據(jù)量會小很多

以上就是小編為大家?guī)淼臏\談json取值(對象和數(shù)組)全部內(nèi)容了,希望大家多多支持武林網(wǎng)~

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 清丰县| 莆田市| 木里| 穆棱市| 武平县| 湖口县| 辽宁省| 嘉义市| 灵寿县| 偃师市| 天柱县| 景泰县| 安乡县| 新乡县| 垦利县| 财经| 永顺县| 留坝县| 琼海市| 湘潭市| 屏东市| 上高县| 遂溪县| 大方县| 宁陵县| 电白县| 廉江市| 安乡县| 新密市| 永丰县| 承德县| 陇南市| 沙田区| 灵寿县| 平顶山市| 新巴尔虎左旗| 科尔| 青河县| 临汾市| 日喀则市| 通山县|