A5下载asp源码

分类分类

ASP+jQuery+JSON无刷新加载更多内容

ASP+jQuery+JSON无刷新加载更多内容

v1.1

大小:41 KB更新:2014/01/27

类别:其它源码系统:ASP

立即下载

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

 

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

 

jquery.more.js 参数配置
'amount' : '4', //每次显示记录数
'address' : '', //请求后台的地址,这里留空
'format' : 'json', //数据传输格式
'template' : '.single_item', //html记录DIV的class属性
'trigger' : '.get_more', //触发加载更多记录的class属性
'scroll' : 'false', //是否支持滚动触发加载
'offset' : '100', //滚动触发加载时的偏移量

 

 

精品推荐
同类推荐
相关文章
相关下载
说两句网友评论
    我要跟贴
    取消
    推荐专题