文档章节

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

开源中国段子手
 开源中国段子手
发布于 2016/05/04 08:01
字数 160
阅读 17
收藏 0

前端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();
        }


© 著作权归作者所有

开源中国段子手
粉丝 44
博文 178
码字总数 95519
作品 0
南京
程序员
私信 提问
ASP.NET分页控件--MvcPager

MvcPager分页控件是在ASP.NET MVC Web应用程序中实现分页功能的一系列扩展方法,该分页控件的最初的实现方法借鉴了网上流行的部分源代码, 尤其是ScottGu的PagedList<T>类和相关方法,经过站...

匿名
2010/11/04
2.2K
0
RonCoo AdminLTE v1.1.0 版本更新

RonCoo AdminLTE --是一个完全响应式的免费开源后台管理模板。基于 AdminLTE 框架(后续会随着版本更新而更新);使用jQuery 2.2.3版本,并引入很多优秀的第三方jQuery插件,开发者也可以改用...

一只菜鸟
2017/01/03
2.6K
9
28个有用的表格插件推荐

OSCHINA曾发布过文章“18个最好的 jQuery 表格插件”,今天再提供一份表格插件的长名单。 28个表格插件,列表如下: Table Sorter Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的...

小卒过河
2011/07/01
4.5K
9
ThinkPHP示例:ajax分页操作

ThinkPHP示例之ajax分页操作,演示了如何进行数据分页操作,需要使用表单示例中的数据表,或者直接创建数据表如下: CREATE TABLE IF NOT EXISTS ( smallint(4) unsigned NOT NULL AUTO_INCR...

冬瓜1
2013/12/15
252
0
Datatables快速入门开发--一款好用的JQuery表格插件

  博主是一个java后端程序员,前端技术会用但不精通,做后台的一些功能经常要涉及表格的展示,分页,搜索,排序等等一系列功能,在经历了一段时间的原始手段,开始接触并使用Datatables,一个jquer...

冬至饮雪
2017/08/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Nervos CKB 脚本编程简介[1]:验证模型

CKB 脚本编程简介[1]: 验证模型 本文作者:Xuejie 原文链接:Introduction to CKB Script Programming 1: Validation Model 本文译者:Jason,Orange 译文链接:https://talk.nervos.org/t/c...

NervosCommunity
38分钟前
6
0
消息中间件——RabbitMQ的高级特性

前言 前面我们介绍了RabbitMQ的安装、各大消息中间件的对比、AMQP核心概念、管控台的使用、快速入门RabbitMQ。本章将介绍RabbitMQ的高级特性。分两篇(上/下)进行介绍。 消息如何保障100%的...

Java架构师ya七
今天
9
0
如何编写高质量的 JS 函数(1) -- 敲山震虎篇

本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/7lCK9cHmunvYlbm7Xi7JxQ 作者:杨昆 一千个读者,有一千个哈姆雷特。 此系列文章将会从函数的执行机制、鲁棒性、函...

vivo互联网技术
今天
7
0
学会这5个Excel技巧,让你拒绝加班

在网上,随处都可以看到Excel技巧,估计已看腻了吧?但下面5个Excel技巧会让你相见恨晚。关键的是它们个个还很实用 图一 技巧1:快速删除边框 有时当我们处理数据需要去掉边框,按Ctrl+Shif...

干货趣分享
今天
11
0
JS基础-该如何理解原型、原型链?

JS的原型、原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对这个...

OBKoro1
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部