如何用jquery+Ajax实现简单分页条


这篇文章主要介绍了如何用jquery+Ajax实现简单分页条的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何用jquery+Ajax实现简单分页条文章都会有所收获,下面我们一起来看看吧。一、如果是jsp页面的话,可以用EL表达式和JSTL标签制作一个分页条,没有什么难度。用EL表达式和JSTL标签实现的缺点就是无法实现异步效果,整个页面是重新刷新了一遍的。二、如果是普通的html页面,当然是无法使用EL表达式和JSTL标签的,这时只能通过异步Ajax的方式去实现。当然了,JSP页面两种方式都是可以使用的。三、分页条,这里我是用Ajax和Jquery去做的。实现起来比较繁琐,代码特别长,因为都是拼接一大堆的字符串,然后使用html()方法或是append()方法去改变文档的内容。四、事前分析浏览器端需要发送给服务器端的参数有两个:①当前的页码currentPage;
②页面的大小(一页显示几条记录)pageSize。服务器端给浏览器端发送的是Json格式的数据,也就是一个页面实体类PageBean。其中PageBean有如下字段:①总记录数totalCount;
②总页码totalPage;
③每页的数据 List list;
④当前页码currentPage;
⑤每页显示的记录数pageSize。
这个PageBean支持泛型,代码如下:要想做到分页,肯定要用到SQL语句中的“limit”免费云主机域名。举个例子说明一下含义。具体含义:从student表当中查询数据,从索引为“2”的记录开始查询,往后查5条。索引是从0开始的,所以上面的语句相当于查询了第3、第4、第5、第6、第7条记录,总共5条记录。总而言之,第一个数字就是“从哪开始查”的意思,第二个数字就是“往后查几条”的意思。这里的“从哪开始查”,需要计算出来。公式如下:(currentPage-1)pageSize也就是当前页码减去一,括号,在乘以页面大小。所以查询语句的伪代码如下:对于总页码totalPage,可以通过总记录数totalCount和页面大小pageSize计算出来。代码如下:五、服务器端主要代码六、前端代码(很长)七、效果展示关于“如何用jquery+Ajax实现简单分页条”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“如何用jquery+Ajax实现简单分页条”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: Java如何使用Arrays.sort()求最大值

这篇文章将为大家详细讲解有关Java如何使用Arrays.sort()求最大值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。根据 Arrays.sort 方法可以将数组从小到大进行排序,排序完成之后,取最后一位的值就是最大免…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/31 17:21
Next 07/31 19:03

相关推荐