浅谈json取值(对象和数组)

代码如下

rush:js;"> (function ($) { $.getJSON('ajax/test.json',function (data) { var items = [];

    $.each(data.comments,function (key,val) {
      items.push('<li class="' + 'tag' + val.class + '"&gt;' + '<a href="#"&gt;' + val.content + '</a>' + '</li>');
    });

    //第一个标签
    $('<ul/>',{
      'class':'',html:items.join('')
    }).appendTo('.tags');

    //第二个标签
    $('<ul/>',{
      'class':'alt',html:items.join('')
    }).appendTo('.tags');
  });
})(jQuery);</pre>

json代码如下

' + ''); });

    //第<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a><a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>
    $('<ul/>',html:items.join('')
    }).appendTo('.tags');
  });
})(jQuery);</pre>

json代码如下

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

共用的HTML代码如下

rush:xhtml;">

明显可以看出按数组取值的数据量会小很多

以上就是小编为大家带来的浅谈json取值(对象和数组)全部内容了，希望大家多多支持编程之家~

原文地址：https://www.jb51.cc/js/47595.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：json对象与数组以及转换成js对象的下一篇：JS全局变量和局部变量最新解析