位置: 编程技术 - 正文
PHP+jquery+ajax实现分页
编辑：rootadmin推荐整理分享PHP+jquery+ajax实现分页，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例为大家分享了jquery ajax实现分页的具体代码，供大家参考，具体内容如下
HTML
CSS
jQuery
我们先声明变量，后面的代码要用到以下变量。
接下来，我们自定义一个函数：getData()，用来获取当前页数据。函数中，我们利用$.ajax()向后台pages.php发送POST异步请求，将当前页码以JSON格式传递给后台。
请求成功后并返回数据，将相应的数据附给变量，并将返回的商品数据列表循环展示到对应容器#list ul中。当数据完全加载完毕后，调用分页条函数getPageBar()生成分页条。
最后，当页面第一次加载时，我们加载第一页数据即getData(1)，
PHP
pages.php接收每次前端页面的ajax请求，根据提交的页码pageNum值，从mysql数据库中获取数据，计算总记录数和总页数，读取对应页码下的数据列表，并将最终结果以JSON格式返回给前端页面。
最后，附上Mysql表结构
精彩专题分享：jquery分页功能操作 JavaScript分页功能操作
上一篇：通过Ajax使用FormData对象无刷新上传文件方法(ajax multipart/form-data)
下一篇：适用于手机端的jQuery图片滑块动画(适合当前端的手机)