已解決430363個問題，去搜搜看，總會有你想問的

頁面滾到底部自動加載加載出現請求多次bug

首頁猿問頁面滾到底部自動加載加載出現請求多...

頁面滾到底部自動加載加載出現請求多次bug

JavaScript

繁花不似錦 2018-08-14 14:14:32

代碼如下：$(window).scroll(function(){ var scrolltop=$(window).scrollTop(); var wheight=$(window).height(); var dheight=$(document).height(); if(scrolltop>dheight-wheight-20){ page++; $.ajax({ type: "GET", url: url+"page/"+page, dataType: "json", success: function(data){ $("#list").append(html字符串); } }})發現chrome開發者工具里顯示發送多次請求，

查看完整描述

1 回答

繁華開滿天機

TA貢獻1816條經驗獲得超4個贊

// 增加一個變量記錄是否處于請求中

var flag = true;

$(window).scroll(function(){

var scrolltop=$(window).scrollTop();

var wheight=$(window).height();

var dheight=$(document).height();

if(scrolltop>dheight-wheight-20 && flag){

// 開始請求的時候，將狀態置false;

// 這樣就算高度達到請求標準也無法進入請求狀態

flag = false;

page++;

$.ajax({

type: "GET",

url: url+"page/"+page,

dataType: "json",

success: function(data){

$("#list").append(html字符串);

// 將標志置為true，這樣當高度再次達到標準時，可以執行請求

flag = true;

}

})

反對回復 2018-09-26

1 回答
0 關注
610 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

頁面滾到底部自動加載加載出現請求多次bug

頁面滾到底部自動加載加載出現請求多次bug

1 回答

添加回答