web页面通过ajax无限下拉
来源:互联网 发布:php股票网站源代码 编辑:程序博客网 时间:2024/06/06 03:17
<script>
$(function(){
var i = 0 ;
$(window).scroll(function(){
// 当滚动到最底部以上50像素时, 加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height()<270){
var myDate = new Date();
row = $('.rooms_show_ul').children('li').last().attr('data-row');
if(i != row){
jQuery.ajax({url:'/index.php',
type: 'GET',
data:{act:'ajaxForHouses',row:row,date:myDate},
dataType: 'html',
timeout: 1000,
async : true,
error: function(){
},
success: function(result){
$('.rooms_show_ul').append(result);
}
});
i = row;
}
}
});
});
</script>
$(function(){
var i = 0 ;
$(window).scroll(function(){
// 当滚动到最底部以上50像素时, 加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height()<270){
var myDate = new Date();
row = $('.rooms_show_ul').children('li').last().attr('data-row');
if(i != row){
jQuery.ajax({url:'/index.php',
type: 'GET',
data:{act:'ajaxForHouses',row:row,date:myDate},
dataType: 'html',
timeout: 1000,
async : true,
error: function(){
},
success: function(result){
$('.rooms_show_ul').append(result);
}
});
i = row;
}
}
});
});
</script>
0 0
- web页面通过ajax无限下拉
- ajax无限下拉
- jsp ajax下拉框无限级联动
- 列表页通过ajax实现无限加载
- 下拉选项框选中之后,通过ajax请求服务器,填充页面其他元素的value值
- 设计无限滚动下拉加载,实践高性能页面真谛
- 909422229_JSP页面动态下拉菜单Ajax
- Ajax - 动态更新Web页面
- Ajax学习之------>Ajax和Json实现无限下拉框联动(上)
- web页面树形下拉选择框
- 通过Ajax请求动态填充页面数据
- js 无限下拉导航
- 无限级联下拉菜单
- 无限下拉列表
- 无限级别菜单下拉
- 无限级联下拉菜单
- 用innerHTML火狐可能会把select重定项,无限级ajax分类下拉框的例子
- Thinkphp 中利用js,ajax写的无限下拉加载效果
- oracle创建表空间
- 第十四周项目二--用文件保存的学生名单
- android xml 的解析.
- 第13周项目1-2小玩文件
- log4j 格式详解
- web页面通过ajax无限下拉
- STL容器之set/multiset
- Leetcode[15]-3Sum
- SQLyog键盘快捷方式
- [IIS] Windows Server 2012 R2 + IIS8.5碰到的一些问题
- ARM Linux 3.x的设备树(Device Tree)
- 推荐!国外程序员整理的Java资源大全
- 分享:我做产品的时候,会想些什么?
- POJ1006 Biorhythms 中国剩余定理