位置: 编程技术 - 正文
推荐整理分享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图片滑块动画(适合当前端的手机)
友情链接: 武汉网站建设