实现更多点击来加载更多内容

我们可以有这样的一些微博客网站的应用，微博客不使用一个内容列表页，但一定数量的装载记录列表中显示的页面，当用户浏览列表在页面的底部，你可以查看更多负载更多的记录一下。在这篇文章中，我会告诉你如何实现这个应用程序使用jQuery和PHP。
基本原理：当页面被加载jQuery回到PHP请求数据，通过查询数据库，将在列表页显示最新的几条记录，有一个列表在页面底部的更多链接，通过触发链接请求向服务器发送AJAX，PHP程序获得请求参数，从而获取记录对应的数据库和JSON的形式返回首页的jQuery的JSON数据分析头版，并将数据添加到列表中。事实上，它是Ajax分页效果。
首先，介绍了jQuery库和jquery.more.js插件，和jquery.more.js封装了许多功能和设置参数配置功能。

XHTML的结构如下所示：

单击加载更多内容：

值得一提的是，风格single_item，get_more对jquery.more.js插件相关的，你也可以从另一个类的名字，但是当配置，必须编写相应的类。
CSS

#更{保证金：10px汽车；宽度：560px；边框1px solid # 999；}
。single_item { padding: 20px；底部边框：1px点缀# d3d3d3；}
。作者{位置：绝对；左：0px；font-weight: bold；颜色：# 39f }
的日期。{位置：绝对；右：0px；颜色：# 999 }
。内容{线高度：20px；字：打破所有；}
。element_head {宽度：100%；位置：相对；高度：20px；}
。get_more { margin: 10px；文本对齐：中心}
。more_loader_spinner {宽度：20px；高度：20px；保证金：10px汽车；背景：URL（装载机。GIF）
不重复；}
上面的CSS进行定制，在这个例子中，当然，你可以在实际项目定制不同风格。注意，more_loader_spinner定义加载动画。
jQuery

$（函数（）{（））
$（#更多），（{ 'address：数据。php }）
}）；
易于使用，配置后台地址：data.php，看看data.php处理数据。

PHP
data.php链接数据库，本例中使用相同的数据表在这个网站。

require_once（'connect。php）；

最后_post美元美元= {}；
_post美元金额= { 'amount}；

用户名=阵列（'demo1 '，'demo2 '，'demo3 '，'demo3 '，'demo4）；
为查询= mysql_query（SELECT * FROM说订单ID DESC LIMIT美元上，美元）；
而（$行= mysql_fetch_array（$查询））{
saylist美元{ } =阵列（
内容= > $行{ 'content' }，
作者= > $用户{ $行'userid'} { }，
日期= >日期（'m-d H：我行'addtime'}，{美元）
）；
}
回声json_encode（$ saylist）；
data.php接收两参数通过前台页面提交。_post美元{}开头的数字记录。_post美元{ 'amount}是单显示记录数。SQL语句很清楚，它实际上是分页中使用的语句。
然后，查询结果以JSON格式输出，PHP的任务完成了。
最后，看看jquery.more.js参数配置。
量： / /米的记录数每次

地址：'comments。php / /请求后台地址

格式：'json ' / /数据传输格式

模板：。single_item， / / HTML div的class属性的记录

触发：。get_more ' / /类属性记录更多的触发加载

'滚动'假'： / /，是否支持触发轧制负荷

偏移：100 / /滚动的偏移时触发加载

以上是本文的全部内容，希望大家能喜欢。