js循环json字符串

冬冬冬冬冬冬冬冬冬冬

于 2016-05-23 11:11:52 发布

阅读量1.3k

点赞数

分类专栏： web 文章标签： json javascript 循环json js循环json js-jons

本文链接：https://blog.youkuaiyun.com/chaoyangzhixue/article/details/51480174

版权

web 专栏收录该内容

29 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>用户列表</title>
    <meta charset="utf-8" />
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            loadData();
        })

        function btnSeacher_click() {
            loadData();
        }
        function loadData() {
            var url = "/api/UserInfo";
            $.getJSON(url, function (data) {
                if (data) {
                    var strdata = "<tr><td>ID</td><td>UserName</td><td>UserPassWord</td></tr>";
                    $.each(data, function (i, item) {
                        strdata = strdata + "<tr><td>" + item.iD + "</td><td>" + item.userName + "</td><td>" + item.userPassWord + "</td></tr>"
                    });
                    $("#listUserInfo").html(strdata);
                }
            });
        }
    </script>
</head>
<body>
    <a href="../Index.html">主页</a>
    <input type="button" value="刷新" onclick="btnSeacher_click();" />
    <table id="listUserInfo" border="1" style="border-collapse:collapse; border-color:#000000"></table>
</body>
</html>