页面向下滚动ajax获取数据的实现方法(兼容手机)
2016-05-24 15:58
871 查看
页面向下滚动ajax获取数据的实现方法(兼容手机)
$(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('没有更多分享信息了'); } } ); } }
以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- AJAX实现瀑布流触发分页与分页触发瀑布流的方法
- 空间页面CSS说明
- jsp简单实现页面之间共享信息的方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- C#页面之间跳转功能的小结
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- Ajax实现简单下拉选项效果【推荐】
- JQuery ajax返回JSON时的处理方式 (三种方式)