网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料：

　

标题 页面向下滚动ajax获取数据的实现方法(兼容手机)
内容
    下面小编就为大家带来一篇页面向下滚动ajax获取数据的实现方法(兼容手机)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。
    页面向下滚动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>' + list.CreateTime + '</div>';
                  html += '<a href="' + list.Url + '">';
                  html += '<h5>' + list.Title + '</h5>';
                });
                $('#promotionList').append(html);
              }
              else {
                morAvaliable = false;
                $('#loading').html('没有更多分享信息了');
              }
            }
          );
        }
      }
    以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考
随便看

　

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/13 18:41:32