好资源导航 » 文章资讯 » jQuery实现滚动到底部时自动加载更多的方法示例

jQuery实现滚动到底部时自动加载更多的方法示例

2023-09-16 08:19:05 58

本文实例讲述了jQuery实现滚动到底部时自动加载更多的方法。分享给大家供大家参考，具体如下：

这里利用AJAX，实现滚动到底加载数据功能：








$(function(){
AddSth();
});
$(function(){
$(".main").unbind("scroll").bind("scroll",function(e){
varsum=this.scrollHeight;
if(sum<=$(this).scrollTop()+$(this).height()){
AddSth();
}
});
});
functionAddSth(){
$.ajax({
type:'POST',
url:"index.aspx/ReturnSth",
dataType:"json",
contentType:"application/json;charset=utf-8",
//data:"",
success:function(data){
json=$.parseJSON(data.d);
for(variinjson){
vartbBody=""+json[i].sth+"";
$(".main").append(tbBody);
}
$(".main").append("");
}
});
}




下拉加载更多

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQueryform操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

返回顶部
514930285
czq8825@qq.com

jQuery实现滚动到底部时自动加载更多的方法示例

热门推荐

随机推荐