josn 数据的遍历

最新推荐文章于 2021-05-16 19:33:08 发布

阿聪世家

最新推荐文章于 2021-05-16 19:33:08 发布

阅读量558

点赞数

分类专栏： jquery学习 javascript 文章标签： web前端开发

本文链接：https://blog.csdn.net/congcong875/article/details/50394745

版权

jquery学习同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

javascript

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json数据的遍历</title>
    <script src="http://jt.875.cn/js/jquery.js"></script>
    <script>
        $(function () {
            //$.each(array,fn)对数组arry每个元素调用fn函数进行处理，没有返回值
            var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" };
            //json格式的对象(dict)
            $.each(arr, function (key, value) {
                alert(key + ":" + value);
            });
            //如果是普通风格的数组，则key的值是序号。

            var tbody = "";
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)
            var obj = [{ "name": "项海军", "password": "123456"},{ "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;
            });
        //下面使用for进行遍历
            /*for( var i in obj ){
                var trs = "";
                trs += "<tr><td>" + obj[i].name + "</td> <td>" + obj[i].password + "</td></tr>";
                tbody += trs;
            }
               */
            /*
            for( var i in obj ){
                for(var k in obj[i]){
                    var tds = "";
                    tds += "<td>" + obj[i][k] + "</td>";
                    tbody += "<tr>"+ tds +"</tr>";
                }

            }*/

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

        });
    </script>
</head>

<body>
<div id="result"></div>

<div id="project"></div>
</body>
</html>

阿聪世家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
josn 数据的遍历

json数据的遍历 $(function () { //$.each(array,fn)对数组arry每个元素调用fn函数进行处理，没有返回值 var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" }; //json格式的对象(dict)
复制链接

扫一扫

专栏目录