Ajax   发布时间:2019-10-12  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery+PHP+ajax实现微博加载更多内容列表功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

在一些微博网站上我们经常可以看到这样的应用,微博内容列表上并没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“查看更多”来加载更多记录。本文将结合jQuery和php给大家讲述如何实现这种功能。

Ajax加载的基本原理:当页面载入时,jQuery向后台请求数据,php通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个“查看更多”的链接,

通过触发该链接,向服务端发送Ajax请求,后台php程序得到请求参数,并作出响应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页

。其实就是Ajax分页效果。

首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参数配置的功能。