页面向下滚动ajax获取数据,兼容手机
2015-06-09 09:39
309 查看
$(window).scroll(function () {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight >= scrollHeight) {
loadPromotions();
}
});
var page = 1;
var morAvaliable = true;//标识还有数据可以加载
function loadPromotions() {
if (morAvaliable) {
var href = location.href.split('?')[0];
var pageSize = 5;
page++;
$.post(href,
{
pageNo: page,
pageSize: pageSize
}
, function (data) {
if (data.length) {
var html = '';
$.each(data, function (i, list) {
html += '<div class="task-time">' + list.CreateTime + '</div>';
html += '<a class="task-box" href="' + list.Url + '">';
html += '<h5>' + list.Title + '</h5>';
});
$('#promotionList').append(html);
}
else {
morAvaliable = false;
$('#loading').html('没有更多分享信息了');
}
}
);
}
}
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight >= scrollHeight) {
loadPromotions();
}
});
var page = 1;
var morAvaliable = true;//标识还有数据可以加载
function loadPromotions() {
if (morAvaliable) {
var href = location.href.split('?')[0];
var pageSize = 5;
page++;
$.post(href,
{
pageNo: page,
pageSize: pageSize
}
, function (data) {
if (data.length) {
var html = '';
$.each(data, function (i, list) {
html += '<div class="task-time">' + list.CreateTime + '</div>';
html += '<a class="task-box" href="' + list.Url + '">';
html += '<h5>' + list.Title + '</h5>';
});
$('#promotionList').append(html);
}
else {
morAvaliable = false;
$('#loading').html('没有更多分享信息了');
}
}
);
}
}
相关文章推荐
- 隐马尔科夫学习五(四)
- MBProgressHUD等待指示器
- Dialog显示在Activity不同的位置
- lambda表达式
- Linux-VMware三种网络模式
- JS回到顶部按钮
- 有一牧场,已知养牛27头,6天把草吃尽;养牛23头,9天把草吃尽。如果养牛21头,那么几天能把牧场上的草吃尽呢?并且牧场上的草是不断生长的。
- 【Web Service】REST vs SOAP
- 元数据元素
- osg实例介绍
- 微软发布Windows 10新预览版任务栏弹出问题修复
- PHP 缓存之客户端缓存
- xml文件的解析(libxml2)
- 2.MFC简单的层次结构分析
- 如何在HiWork中进行文件预览
- RS查询报错之递归公用表表达式不包含顶级 UNION ALL运算符
- 怎么样进行轻松高效的代码复读
- Python 学习笔记2
- 深入理解Java:注解(Annotation)--注解处理器
- UltraEdit (Ctrl + F) 查找、(Ctrl + R)替换功能失效