中易网

请问如何用jquery 实现html页面的分页查询

答案:4  悬赏:50  
解决时间 2021-02-28 00:33
请问如何用jquery 实现html页面的分页查询
最佳答案
首先你需要一个pageBean类,用来定义一些分页需要的数据!
public class PageBean {
private int pageCount = 0; // 总页数
private List pageData = null; // 当前页数据集
private int pageSize = 10; // 每页大小
private int currentPage = 1; // 当前页
private long totalRecord = 0;// 总记录数
private int beginIndex = 0;// 分页起始记录号
private int endIndex = 1;// 分页结束记录号

public int getPageCount() {
pageCount = (int)(totalRecord + pageSize -1)/pageSize;
return pageCount;
}
public void setPageCount(int pageCount) {
this.pageCount = pageCount;
}
public List getPageData() {
return pageData;
}
public void setPageData(List pageData) {
this.pageData = pageData;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int getCurrentPage() {
if (currentPage < 1) {
currentPage = 1;
}
return currentPage;
}
public void setCurrentPage(int currentPage) {
this.currentPage = currentPage;
}
public long getTotalRecord() {
if (totalRecord < 0) {
totalRecord = 0;
}
return totalRecord;
}
public void setTotalRecord(long totalRecord) {
this.totalRecord = totalRecord;
}
public int getBeginIndex() {
beginIndex = (currentPage - 1) * pageSize+1;
return beginIndex;
}
public void setBeginIndex(int beginIndex) {
this.beginIndex = beginIndex;
}
public int getEndIndex() {
endIndex = currentPage * pageSize;
return endIndex;
}
public void setEndIndex(int endIndex) {
this.endIndex = endIndex;
}
}
页面上,使用jQuery的Ajax发送后台请求信息:
$.ajax({
type:"post",
url:"requestPage",
dataType:"json",
data:{这里就是封装数据的地方,比如你要到第二页的时候,在这之前要读取当前的页数,并进行适当的判断,是键值对的形式例如:"current":1,"pageSize":10},
success:function(data){
这里是返回json字符串
var jsonObj=$(data);
然后解析遍历json
$.each(data.pageData,function(index,item){
这个回调函数里面的第一个参数是下标,第二个参数是集合里面的单个对象
然后生成显示…………结束
});
}
}):
追问:pageBean类 怎么用,我已经有serlvet返回了相应的JSON数据,并显示在html页面上,我想要的就是怎样对这些返回过来的数据,进行分页查询!
追答:你不要一次查询所有的数据!你可以一次获取当页需要显示的数据,你如果一次把所有的数据都查询出来,然后对这些数据进行分页,会很麻烦的!这么告诉你,好比说,我们的数据共分10页,每页有10条数据,在这个PageBean,
private int pageCount = 0; // 总页数
private List pageData = null; // 当前页数据集
private int pageSize = 10; // 每页大小
private int currentPage = 1; // 当前页
private long totalRecord = 0;// 总记录数
这个pageDate,就是用来封装每一页的数据!你返回的json数据,就是一个继承pageBean的类的对象,或者就是一个集合,如果是对象,返回到页面的json对象就是一个含有集合pageDate的对象,遍历的时候需要获取下pageDate,如果是集合,可以直接对集合进行遍历!
全部回答
我暂时保留我的看法!
楼主这个问题解决了吗?还有就是后台数据怎么获取的?
那这个问题就稍微复杂些了,你必须通过自己的计算,每一页要显示多少条,可以分多少页,你如果是已经全部查询出数据了,那剩下的就是操作数组的问题了。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
大上海专业烫染沙龙在什么地方啊,我要过去处
校运动会开始了,李老师为运动员们买了7O瓶饮
【卖火柴的小女孩】仿写课文小女孩插燃火柴看
新阳光窗帘大全这个地址在什么地方,我要处理
健身超级组问题
南京交通科技学院怎么样?是公办学校吗?
相亲男带他女闺蜜来一起吃饭。 当时我好尴尬
投标折扣系数能低于50%么
请问扬中到上海的大巴要坐几个小时
大总桶木桶饭(正阳店)地址有知道的么?有点事
第一张图钢筋标注什么意思
请问有没有二级建造师 建筑实务·李佳升老师
开产松花蛋哪里生产的
成都广播电视大学地址在哪,我要去那里办事
苏州横泾镇到苏州市虎丘区御风路2号
推荐资讯
美容金水套装里的积雪草原液是干什么的女人
金鱼能与清道夫、倒游猫混养吗
23岁努力还来得及吗?以前的自己不怎么努力,
绿萝叶子耷拉着怎么办
龙韵琴行音乐培训学校怎么去啊,我要去那办事
佳源超市供销店地址在哪,我要去那里办事
松树坡在什么地方啊,我要过去处理事情
Osmo2对手机硬件有什么要求吗?
我家的金毛犬为什么头小身子大?
月支旬空,但月支有合,旬空吗
S208/世纪大道(路口)地址在哪,我要去那里办
徐州第五中学
手机登qq时,显示手机磁盘不足,清理后重新登
刺客的套装怎么选啊?