• 技术文章 >web前端 >js教程

    JQuery怎么遍历json数组

    coldplay.xixicoldplay.xixi2021-01-13 17:15:18原创1123

    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遍历

         $(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:

     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对象:

    var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
    遍历方法:
    for(var p in obj){
        str = str+obj[p]+',';
        return str;
    }

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

    以上就是JQuery怎么遍历json数组的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JQuery 遍历json
    上一篇:jquery变量加$和不加$的区别是什么 下一篇:react怎么添加css样式
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery遍历数组方法和简单遍历json对象的示例代码汇总• Ajax遍历jSon进行数据的修改和删除• JS怎样利用键值遍历json数组• 怎么遍历json数组
    1/1

    PHP中文网