博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
无限滚动加载(第一次请求完成后才发第二次请求)
阅读量:6094 次
发布时间:2019-06-20

本文共 2968 字,大约阅读时间需要 9 分钟。

var time1;var srcollOld = 0,srcollNow = 0,scrollFun = false;$(window).scroll(function () {   //$(window).scrollTop()这个方法是当前滚动条滚动的距离   //$(window).height()获取当前窗体的高度   //$(document).height()获取当前文档的高度    var bot = 50;  //bot是底部距离的高度    if ((bot  +  $(window).scrollTop() )  >=  ($(document).height() - $(window).height())) {          srcollNow = $(window).scrollTop();          if(srcollNow >= srcollOld){              if(!scrollFun){              //第一次请求完成后才发第二次请求                  scrollFun = true;                  clearTimeout(time1);                  time1=window.setTimeout(function(){                      loadAjax()                  },500);              }          }          srcollOld = srcollNow;      }});function loadAjax(){    $.ajax({        url: url,        type: type,        success:function (data) {            scrollFun = false;            if (data.success == true) {            }else{            }        },        error: function(XMLHttpRequest, textStatus, errorThrown) {            scrollFun = false;        }    });}

  --------------------------------------------------------------------------------------------------------------------------------------------------------

                var pageNum = 5;		       var listHeight = $(".house-list").height();				var scrollFun = false;				var time1;				//获取购买数据				function getBuyData(releaseType, pageSize) {					$.ajax({						url: apis + "wap/house/page/filter?releaseType=" + releaseType + "&pageSize=" + pageSize,						type: "GET",						dataType: "json",						success: function(data) {							scrollFun = false;							console.log(data);							if(data.code == "000000") {								var buyData = data.data								console.log(buyData)								var html = "";								for(var i of buyData) {									console.log(i)									html += `
  • ${"$"+countSum(i.price)}

    455sqft

    4bd

    4ba

    ${i.street}
  • `; } $(".house-list").html(html); } }, error: function(data) { scrollFun = false; } }).then(function() { //获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) $(window).scroll(function() { var scrollHeight = ($(".house-list").children().length - 4) * $(".house-list li").height() - $(".search-box").height() console.log($(document).scrollTop() >= scrollHeight); if($(document).scrollTop() >= scrollHeight) { if(!scrollFun) { //第一次请求完成后才发第二次请求 scrollFun = true; clearTimeout(time1); time1 = window.setTimeout(function() { console.log(6565665) pageNum += 5 console.log(pageNum) getBuyData(2, pageNum); }, 500); } } }); }) }                getBuyData(2, pageNum);

      

    转载于:https://www.cnblogs.com/lan-cheng/p/9633069.html

    你可能感兴趣的文章
    lintcode:Number of Islands 岛屿的个数
    查看>>
    IEnumerable 和 IEnumerator
    查看>>
    解决vmware“二进制转换和长模式与此平台兼容.....”问题
    查看>>
    关于ipxe启动的几个疑问
    查看>>
    Codeforces Round #280 (Div. 2) D. Vanya and Computer Game 二分
    查看>>
    动态列从一表的数据汇总至另外一张表中
    查看>>
    10 个非常有用的 AngularJS 框架
    查看>>
    简析IP视频监控图像处理芯片介绍及应用
    查看>>
    C#获取IP和整数IP方法
    查看>>
    springmvc + excel代
    查看>>
    南阳OJ 16 矩形嵌套
    查看>>
    Swift - 19 - 字典的初始化
    查看>>
    分析app和wap手机网站的不同
    查看>>
    终端命令别名
    查看>>
    io cache
    查看>>
    AchartEngine绘图引擎
    查看>>
    (笔记)Mysql命令create table:创建数据表
    查看>>
    IOS-多线程
    查看>>
    手把手教你如何把本地文件传到服务器,如何映射
    查看>>
    Spring Session Redis
    查看>>