首頁 > 後端開發 > php教程 > javascript - js如何在滑動載入的時候限定滑動的載入次數

javascript - js如何在滑動載入的時候限定滑動的載入次數

WBOY
發布: 2023-03-01 21:54:01
原創
1503 人瀏覽過

用戶上滑加載更多的時候,由於網速或伺服器返回數據比較慢的時候,如何限制滑動多次只加載一次分頁數據,代碼怎麼實現

回覆內容:

用戶上滑加載更多的時候,由於網速或伺服器返回數據比較慢的時候,如何限制滑動多次只加載一次分頁數據,代碼怎麼實現

那就請求資料返回成功並渲染到頁面以後再給頁數加1

這個也是防止重複提交的基本需求了
你定一個變數做為狀態鎖如is_post = 0,上拉請求資料時置1,此時上拉不再發出請求,等一個請求資料徹底回來了,再置0就行。

你需要 throttle/debounce。搜尋了一篇文章給你:http://www.css88.com/archives...

根據你實際情況選擇,Lodash/Underscore 有現成的方法可以使用。

立個flag,哈哈。

舉例

<code>var loading = false;

nextPage(1);

function nextPage(page) {
  if (loading) return;
  loading = true;
  $.ajax({
    // ....
    success: function() {
      loading = false;
    }
  })
}</code>
登入後複製

一個是狀態鎖,如樓上所說

還有一個叫JS函數節流,去搜尋

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板