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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...