小程式 載入下一頁資料的注意點

2021-10-10 08:28:03 字數 886 閱讀 2746

1. 合併資料

this.list=[…this.list,…res.data.message.goods];

2. 頁面上拉觸底事件觸發this.pagenum++, 寫在請求成功裡面,而不是直接寫在onreachbottom(頁面上拉觸底事件的處理函式)裡面 — 解決了不會同時存在多個請求,避免伺服器的崩潰

//頁面上拉觸底事件的處理函式

onreachbottom()

,

success:

(res)

=>

this

.isloading=

false

;//請求成功後才頁面數+1,防止請求同時請求多個頁數

this

.pagenum++

;}

3. 如果開關是正在載入的狀態,直接返回 — if(this.loading) return;

觸底時如果已經有請求,不再請求,等待請求完成

data()

},getlist()

// 開啟開關

this

.isloading=

true

; uni.

request(,

success:

(res)

=>

// 關閉,表示載入完畢

this

.isloading=

false

;//請求成功後才頁面數+1,防止請求同時請求多個頁數

this

.pagenum++;}

})}

jq 滑動到底部 載入下一頁資料

page num page num 1 頁碼自動增加,保證下次呼叫時為新的一頁。ajax beforesend function error function data 初始化載入第一頁資料 getdata 1 function insertdiv data,page num,pagenumber ...

微信小程式如何上拉載入下一頁

data onreachbottom function this setdata this requestvideos this data.activeindex 需要判斷是否最後一頁,不再響應載入,我這裡直接return出函式了,requestvideos是向伺服器訪問資料的自定義函式 你也可以在...

用資料庫的方式編輯上一頁 下一頁

using sqlconnection con new sqlconnection server guid article id new guid 文章的id號 guid perarticleid guid.empty guid nextarticleid guid.empty 獲取文章欄目 str...