JQuery怎么遍历json数组


本文摘自PHP中文网,作者coldplay.xixi,侵删。

JQuery遍历json数组的方法:1、使用each遍历,代码为【$.each(obj, function (n, value) {alert(n + ''】;2、jquery遍历解析json对象1,代码为【for(var key in】。

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。

推荐:jquery视频教程

JQuery遍历json数组的方法:

一、使用each遍历

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

$(function () {

 

      var tbody = "";

      //------------遍历对象 .each的使用-------------

      //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)

      var obj = [{ "name": "项海军", "password": "123456"}];

      $("#result").html("------------遍历对象 .each的使用-------------");

      alert(obj); //是个object元素

      //下面使用each进行遍历

      $.each(obj, function (n, value) {

          alert(n + ' ' + value);

          var trs = "";

          trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";

          tbody += trs;

      });

      $("#project").append(tbody);

  });

二、jquery遍历解析json对象1:

1

2

3

4

5

6

var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];

for(var i=0,l=json.length;i<l;i++){

   for(var key in json[i]){

       alert(key+':'+json[i][key]);

   }

}

三、jquery遍历解析json对象2

有如下 json对象:

1

2

3

4

5

6

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};

遍历方法:

for(var p in obj){

    str = str+obj[p]+',';

    return str;

}

相关免费学习推荐:js视频教程

以上就是JQuery怎么遍历json数组的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery如何判断 input type="file"上传文件是否为空

jQuery如何判断是否是ie6浏览器

jQuery怎么禁用a标签

jQuery框架是什么?

jQuery不等于属性选择器是什么

怎么判断jQuery div是否为空

jQuery怎么判断对象是否为空

jQuery怎么判断id是否存在

jQuery如何判断数组包含指定元素

jQuery如何判断某个标签id是否存在

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...