html5无刷新加载更多内容

【软件截图】

【基本介绍】

我们我自己就在腾讯（腾讯控股有限公司）网站等一些评论栏目上可以能够看到这样的应用， 列表没有使用分页条， 而是一次加载一定数量的记录显示在列表页， 当用户浏览到列表页底部时， 可以可以通过单击“加载更多”来查看更多记录。 有网友反映数据信息量大时， 加载速度慢， 这一版本改变了后台读取方式， 加快了输出速度。

原理：页面载入时， jQuery向后台请求数据， ASP程序通过查询数据库(称数据集合)将当前最新的几条记录显示在列表页， 在列表页的底部有个“更多”链接， 通过触发该链接， 向服务端发送sendAjax请求， 后台ASP程序接收请求参数， 并作出相应， 获取数据库相应的记录并以JSON的形式返回给前台页面， 前台页面jQuery解析JSON数据， 并将数据追加到列表页。 效果实例：http://www.my478.com/html/shuidao/

jquery.more.js 参数配置

`amount`      :   `4`,            //每次显示记录数

`address`     :   ``,             //请求后台的地址， 这里留空

`format`      :   `json`,         />

/数据传输格式

`template`    :   `.single_item`, //html记录DIV的class属性

`trigger`     :   `.get_more`,    //触发加载更多记录的class属性

`scroll`      :   `false`,        //是否支持滚动触发加载

`offset`      :   `100`,          //滚动触发加载时的偏移量