Ajax

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 201 阅读

CC 4.0 BY-SA版权

<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2017/7/17
  Time: 15:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">




        $(function () {
            var userArray = [ {
                "id" : 2,
                "name" : "admin",
                "pwd" : "123123"
            }, {
                "id" : 3,
                "name" : "浅蓝",
                "pwd" : "123123"
            }, {
                "id" : 4,
                "name" : "邓超",
                "pwd" : "123123"
            } ];
            //使用jquery在内存中构建一个table节点
            var $table = $("<table border='1'></table>")
            //在table内部追加一行  tr
                .append("<tr><td>ID</td><td>用户名</td><td>密码</td></tr>");
            $.each(userArray,function(i,dom) {
                $table.append("<tr><td>" + dom.id

                    + "</td><td>"
                    + dom.name

                    + "</td><td>"
                    + dom.pwd + "</td></tr>");
            });

            $("#objectArrayDiv").append($table);

        });
    </script>
</head>
<body>
<input name="uname"/><span id="msg"></span>
<div id="objectArrayDiv"></div>
</body>
</html>