页面向下滚动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 相关文章推荐
JQuery 学习笔记 选择器之二
Jul 23 Javascript
动态表格Table类的实现
Aug 26 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
利用Vue.js实现求职在线之职位查询功能
Jul 03 Javascript
vue 组件高级用法实例详解
Apr 11 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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导出oracle库的php代码
2009/04/20 PHP
PHP中for与foreach的区别分析
2011/03/09 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
php中的依赖注入实例详解
2019/08/14 PHP
JavaScript delete 属性的使用
2009/10/08 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
写了个监控nginx进程的Python脚本
2012/05/10 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python爬取m3u8连接的视频
2018/02/28 Python
python实现换位加密算法的示例
2018/10/14 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
Servlet如何得到客户端机器的信息
2014/10/17 面试题
实习老师个人总结的自我评价
2013/09/28 职场文书
冰淇淋店创业计划书范文
2013/12/27 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
高中物理教学反思
2014/02/08 职场文书
沈阳故宫导游词
2015/01/31 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
GPU服务器的多用户配置方法
2022/07/07 Servers