页面向下滚动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 相关文章推荐
javascript 写的一个简单的timer
Jul 30 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
对vuex中store和$store的区别说明
Jul 24 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异步多线程swoole用法实例
2014/11/14 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
PHP实现从上往下打印二叉树的方法
2018/01/18 PHP
js 函数调用模式小结
2011/12/26 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
Python中if __name__ == &quot;__main__&quot;详细解释
2014/10/21 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python读取实时数据流示例
2019/12/02 Python
python实现简单颜色识别程序
2020/02/19 Python
用Python开发app后端有优势吗
2020/06/29 Python
python实现数字炸弹游戏程序
2020/07/17 Python
法国家具及室内配件店:home24
2017/01/21 全球购物
优秀经理获奖感言
2014/03/04 职场文书
电焊工岗位职责
2014/03/06 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
股权收购意向书
2014/04/01 职场文书
遗嘱继承公证书
2014/04/09 职场文书
公司担保书范文
2014/05/21 职场文书
项目经理任命书
2014/06/04 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
python 下载文件的几种方式分享
2021/04/07 Python