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`,          //滚动触发加载时的偏移量