页面向下滚动ajax获取数据的实现方法(兼容手机)


Posted in Javascript onMay 24, 2016

页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQueryUI的Dialog的简单封装
Jun 07 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
实例详解AngularJS实现无限级联动菜单
Jan 15 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
Nov 14 Javascript
小程序跳转H5页面的方法步骤
Mar 06 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 #Javascript
JavaScript中判断数据类型的方法总结
May 24 #Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 #Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 #Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 #Javascript
原生js的数组除重复简单实例
May 24 #Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 #Javascript
You might like
深入解析php之sphinx
2013/05/15 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
Yii快速入门经典教程
2015/12/28 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
javascript获取web应用根目录的方法
2014/02/12 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
ajax异步请求详解
2017/01/06 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
vue使用stompjs实现mqtt消息推送通知
2017/06/22 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
js 函数性能比较方法
2020/08/24 Javascript
Python跳出循环语句continue与break的区别
2014/08/25 Python
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
python的pip有什么用
2020/06/17 Python
python导入库的具体方法
2020/06/18 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
建筑工程专业毕业生自荐信
2013/10/19 职场文书
班长岗位职责
2013/11/10 职场文书
小学母亲节活动方案
2014/03/14 职场文书
机关单位动员会主持词
2014/03/20 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
母亲节感言
2015/08/03 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技