使用ajax和json实现迭代数据的效果

最新推荐文章于 2021-08-06 16:12:23 发布

junyi0107

最新推荐文章于 2021-08-06 16:12:23 发布

阅读量571

点赞数

文章标签： ajax 数据迭代 json

本文链接：https://blog.csdn.net/junyi0107/article/details/78616573

版权

dao层

public List<UserBean> getAll(){
        List user = hibernateTemplate.find("from UserBean");
        return user;
    }

action 中

    //定义一个集合存放所有的数据
    private List<UserBean> users;
    //map用于json传值
    private Map map;

    public Map getMap() {
        return map;
    }

    public void setMap(Map map) {
        this.map = map;
    }

    public List<UserBean> getUsers() {
        return users;
    }

    public void setUsers(List<UserBean> users) {
        this.users = users;
    }

    public String showAll() {
        users = userDao.getAll();
        map = new HashMap();
        map.put("state", "ok");
        map.put("all", users);
        return SUCCESS;
    }

struts中

<package name="json" namespace="/api" extends="json-default">
        <action name="allAction" class="userAction" method="showAll">
            <result name="success" type="json">
                <param name="root">map</param>
            </result>
        </action>
    </package>

jsp页面中

<body onload="all()">
<form action="">
        <table id="table">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>密码</th>
                </tr>
            </thead>
            <tbody id="tb">

            </tbody>
        </table>
        <ul id="list"></ul>
    </form>
     <a href="login.jsp">返回登陆页面</a>
</body>
<script type="text/javascript">
    function all() {
        $.ajax({
               type: "POST",
               url: "api/allAction",
               dataType: "json",
               success: function(msg){
                   var json = eval(msg.all); 
                   $.each(json, function (index, item) {  
                         //循环获取数据    
                         var id = json[index].uid;  
                         var name = json[index].name;  
                         var pwd = json[index].pwd;  
                         $("#list").html($("#list").html() + "<br>" + id + " - " + name + " - " + pwd + "<br/>");


                         item = "<tr><td>"+id+"</td><td>"+name+"</td><td>"+pwd+"</td><td>操作</td></tr>"; 
                         $("#tb").append(item); 
                       /*   $("#uid").html(id);
                         $("#name").html(name);
                         $("#pwd").html(pwd); */
                     });  
               }
            });
    }
</script>