zoukankan      html  css  js  c++  java
  • jquery $.each()遍历json数组

      使用jQuery的$.each()方法来遍历一个数组对象

    var json=[

      {"id":"1","tagName":"apple"},

      {"id":"2","tagName":"banana"},

      {"id":"3","tagName":"orange"},

      {"id":"4","tagName":"watermelon"},

      {"id":"5","tagName":"pineapple"}];

      $.each(json,function(idx,obj)

      {alert(obj.tagName);

      });

    结果:

    但是如果声明的是一个json字符串(用单引号或双引号),那么不能直接用上面的方法遍历,否则会报错:

    var json='[

      {"id":"1","tagName":"apple"},

      {"id":"2","tagName":"banana"},

      {"id":"3","tagName":"orange"},

      {"id":"4","tagName":"watermelon"},

      {"id":"5","tagName":"pineapple"}]';

    $.each(json,function(idx,obj){alert(obj.tagNmae);});

    所以如果声明的是字符串,那么便遍历的时候应该先用json.parse()或者jquery的方法$.parseJSON将字符串转化为JavaScript对象

    $.each(JSON.parse(json),function(idx,obj)

    {alert(obj.tagNmae);

    });

    或者

    $.each(JSON.parse(json),function(idx,obj)

    {alert(obj.tagNmae);

    });

  • 相关阅读:
    边框的各种样式
    内容溢出显示省略号
    UNIAPP开发注意事项
    css文本的三条线 删除线 下划线 上划线
    防抖截流
    浏览器窗口改变触发的函数
    ES5数组方法
    弹性布局
    ubuntu16.04 安装adb
    git clone
  • 原文地址:https://www.cnblogs.com/dushan/p/4747936.html
Copyright © 2011-2022 走看看