ajax分页小功能(table)尚不完善,在更新。

前端js代码:

        autoinit(0,4)
        function refresh(pageindex){
            var parent = document.getElementById("contentlist");
            while(parent.childNodes.length > 2){
                parent.removeChild(parent.lastChild);
            }
            autoinit(pageindex,4)
        }
        
        function autoinit(pageindex,pagesize){
            $.ajax({
                type:"post",
                url:"<%=request.getContextPath()%>/servletpage",
                data:{"pageindex":pageindex,"pagesize":pagesize},
                success:function(returndata){
                    var returndata = eval(returndata);
                    for(var i = 0 ; i < pagesize ; i++){
                        newtr = document.createElement("tr");
                         newtdtitle = document.createElement("td");
                        newtdtitle.innerHTML = returndata[i].title;
                        newtdtime = document.createElement("td");
                        newtdtime.innerHTML = " ";
                        newtduser = document.createElement("td");
                        newtduser.innerHTML = returndata[i].user;
                        newtr.appendChild(newtdtitle);
                        newtr.appendChild(newtdtime);
                        newtr.appendChild(newtduser);
                        document.getElementById("contentlist").appendChild(newtr)
                    }
                }
            });

后台处理:

        int pageindex = Integer.parseInt(request.getParameter("pageindex"));
        int pagesize = Integer.parseInt(request.getParameter("pagesize"));
        try {
            List<Info> infos = new InfoDao().getInfos(pageindex,pagesize);
            JSONArray ja = new JSONArray();
            for(int i = 0 ; i < infos.size(); i++){
                JSONObject jo = new JSONObject();
                jo.put("title", infos.get(i).getTitle());
                jo.put("user", infos.get(i).getPubuser());
                ja.add(jo);
            }
            PrintWriter out = response.getWriter();
            out.print(ja);
        } catch (ClassNotFoundException | SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }


转载于:https://my.oschina.net/passer007/blog/669383

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值