实现了微博加载更多的内容列表功能

在一些微博客网站，我们经常可以看到这样的应用，微博客不使用页面内容列表，但一定数量的装载记录列表中显示的页面，当用户浏览列表在页面的底部，你可以查看更多负载更多的记录一下。这篇文章将告诉如何实现与jQuery和PHP连接功能。

Ajax加载的基本原理：当页面被加载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 / /滚动的偏移时触发加载