我们在一些腾讯网站评论栏目上可以看到这样的应用,列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“加载更多”来查看更多记录。

原理:页面载入时,jQuery向后台请求数据,ASP程序通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个“更多”链接,通过触发该链接,向服务端发送Ajax请求,后台ASP程序接收请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页。

此程序修改自:jQuery+PHP实现浏览更多内容 jquery.more.js 参数配置 \’amount\’ : \’4\’, //每次加载记录数 \’address\’ : \’\’, //请求后台的地址,这里留空 \’format\’ : \’json\’, //数据传输格式 \’template\’ : \’.single_item\’, //html记录DIV的class属性 \’trigger\’ : \’.get_more\’, //触发加载更多记录的class属性 \’scroll\’ : \’false\’, //是否支持滚动触发加载 \’offset\’ : \’100\’, //滚动触发加载时的偏移量

ID:49707
声明:本站所有资源均来源于互联网收集,仅供学习参考使用,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。