博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
无限滚动加载(第一次请求完成后才发第二次请求)
阅读量:6093 次
发布时间: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

    你可能感兴趣的文章
    Codeforces 520B:Two Buttons(思维,好题)
    查看>>
    web框架-(二)Django基础
    查看>>
    Jenkins持续集成环境部署
    查看>>
    emoji等表情符号存mysql的方法
    查看>>
    ubuntu14.04中国源
    查看>>
    Excel到R中的日期转换
    查看>>
    网络层
    查看>>
    centos7没有ifconfig命令
    查看>>
    10-SAP PI开发手册-ERP发布服务供外围系统调用(RFC类型)
    查看>>
    cmd命令行查看windows版本
    查看>>
    城市三联动简单实例
    查看>>
    opencv边缘检测的入门剖析(第七天)
    查看>>
    Spring Boot☞ 使用Thymeleaf模板引擎渲染web视图
    查看>>
    mac本地搭建wordpress
    查看>>
    CSS3学习手记(2) 伪类选择器
    查看>>
    DPS首战鞍山
    查看>>
    Microsoft Sync Framework基础篇 2:Microsoft Sync Framework架构与运行时
    查看>>
    Git 常用命令大全
    查看>>
    Xilinx ISE 12.4的简单应用
    查看>>
    eclipse中访问不了tomcat首页server Locations变灰无法编辑
    查看>>