欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年06月24日 11:26:15   投稿:jingxian  
下面小編就為大家?guī)硪黄獪\談json取值(對(duì)象和數(shù)組)。小編覺得挺不錯(cuò)的, 現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

按對(duì)象取值:

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ù)量會(huì)小很多

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

相關(guān)文章

  • 讓iframe框架網(wǎng)頁在任何瀏覽器下自動(dòng)伸縮

    讓iframe框架網(wǎng)頁在任何瀏覽器下自動(dòng)伸縮

    很多朋友都在使用iframe中遇到過不能自動(dòng)隨頁面伸縮,特別是動(dòng)態(tài)讀取頁面的時(shí)候,會(huì)出現(xiàn)滾動(dòng)條,影響美觀,今天研究一下了,發(fā)現(xiàn)了一個(gè)簡單解決的辦法,可以在IE,F(xiàn)IREFOX,OPERA下使用
    2006-08-08
  • js閉包的9個(gè)使用場(chǎng)景

    js閉包的9個(gè)使用場(chǎng)景

    這篇文章主要介紹了js 閉包的9個(gè)使用場(chǎng)景,幫助大家更好的理解和學(xué)習(xí)JavaScript 閉包的使用,感興趣的朋友可以了解下
    2020-12-12
  • JavaScript 鏈表定義與使用方法示例

    JavaScript 鏈表定義與使用方法示例

    這篇文章主要介紹了JavaScript 鏈表定義與使用方法,結(jié)合實(shí)例形式分析了JavaScript 鏈表的基本功能、定義與使用方法,需要的朋友可以參考下
    2020-04-04
  • javascript簡單事件處理和with用法介紹

    javascript簡單事件處理和with用法介紹

    本文為大家介紹下javascript事件處理及with用法,主要是鼠標(biāo)點(diǎn)擊與移動(dòng),感興趣的朋友可以參考下
    2013-09-09
  • JavaScript 高性能數(shù)組去重的方法

    JavaScript 高性能數(shù)組去重的方法

    這篇文章主要介紹了JavaScript 高性能數(shù)組去重的方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-09-09
  • 微信小程序上傳文件到阿里OSS教程

    微信小程序上傳文件到阿里OSS教程

    這篇文章主要為大家詳細(xì)介紹了微信小程序上傳文件到阿里OSS教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 傳智播客學(xué)習(xí)之java 反射

    傳智播客學(xué)習(xí)之java 反射

    昨天是預(yù)熱班學(xué)習(xí)的最后一天,為了檢驗(yàn)我們是否能夠升入就業(yè)班學(xué)習(xí),進(jìn)行了預(yù)熱班結(jié)課考試。
    2009-11-11
  • 淺談JavaScript中內(nèi)存泄漏的幾種情況

    淺談JavaScript中內(nèi)存泄漏的幾種情況

    本文主要介紹了淺談JavaScript中內(nèi)存泄漏的幾種情況,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • JS實(shí)現(xiàn)簡單的星期格式轉(zhuǎn)換功能示例

    JS實(shí)現(xiàn)簡單的星期格式轉(zhuǎn)換功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)簡單的星期格式轉(zhuǎn)換功能,涉及JavaScript基于Date()對(duì)象的日期時(shí)間操作技巧,需要的朋友可以參考下
    2018-07-07
  • 微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動(dòng)

    微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動(dòng)

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評(píng)論