当前位置:Gxlcms > PHP教程 > 【原创】分页高级教程:结合JQUERY做AJAX分页

【原创】分页高级教程:结合JQUERY做AJAX分页

时间:2021-07-01 10:21:17 帮助过:4人阅读

本文主要结合JQUERY做无刷新分页。代码基本上和前两篇文章差不多,稍稍有所变动。本文中的翻页链接用JS编写。先上代码:
page4.php

结合jquery做ajax分页
  • -


page5.php

 
  • -


回复讨论(解决方案)

本文的核心部分就是JS部分的 page_link()函数,当用户点击翻页链接之后,脚本将对div.recordlist绑定一个load事件,这个主要用来加载下一页的内容。
看看jquery手册上对load事件的说明:载入远程 HTML 文件代码并插入至 DOM 中。

如果我们仅仅只这样:
$(".recordlist").load($(this).attr("href")) 这样是可以翻页,但是问题出现了,发现翻页链接不能发生变化,,,所以需要在回调函数里面,重新初始化翻页链接,因此在回调函数总加入$(".page").html(pagination(page));这里初始化翻页之后,需要对.page A重新绑定click事件,因此在回调函数里面加上page_link().

由于是点击的的对象是.page A,点击之后,会发生跳转,因此必须终止跳转,所以必须加上return false来终止。。。



暂且说这么多,欢迎拍砖~

你将分页链接和内容做成一个模板 每次请求的时候把整个模板load这个模板就行

减少一些js操作

学习了…………

几点意见.
1 pagination 函数用意是拼接输出字符串,建议封装为模板.
2 此分页,没有考虑带上查询条件。

page5.php有什么 用吗?

好用,非常感谢

人气教程排行