您好,欢迎访问一九零五行业门户网

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

本文主要结合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有什么 用吗?
好用,非常感谢
其它类似信息

推荐信息