巧用Ajax的beforeSend 提高使用者體驗

2022-05-06 03:06:09 字數 833 閱讀 6860

jquery是經常使用的乙個開源js框架,其中的$.ajax請求中有乙個beforesend方法,用於在向伺服器傳送請求前執行一些動作。

具體可參考jquery官方文件:

$.ajax(,

complete:

function

()

//......

});

在實際專案開發中,提交表單時常常由於網路或者其原因,使用者點選提交按鈕誤認為自己沒有操作成功,進而會重複提交按鈕操作次數,如果頁面前端**沒有做一些相應的處理,通常會導致多條同樣的資料插入資料庫,導致髒資料的增加。要避免這種現象,在$.ajax請求中的beforesend方法中把提交按鈕禁用掉,等到ajax請求執行完畢,在恢復按鈕的可用狀態。

舉個例子:

//

提交表單資料到後台處理

$.ajax();

},success:

function

(data)

},complete:

function

() ,

error:

function

(data)

});

ajax請求伺服器載入資料列表時提示loading(「載入中,請稍後...」),

$.ajax(,

success:

function

(data)

},complete:

function

() ,

error:

function

(data)

});

巧用Ajax的beforeSend 提高使用者體驗

jquery是經常使用的乙個開源js框架,其中的 ajax請求中有乙個beforesend方法,用於在向伺服器傳送請求前執行一些動作。具體可參考jquery官方文件 ajax complete function 在實際專案開發中,提交表單時常常由於網路或者其原因,使用者點選提交按鈕誤認為自己沒有操作...

巧用Ajax的beforeSend 提高使用者體驗

jquery是經常使用的乙個開源js框架,其中的 ajax請求中有乙個beforesend方法,用於在向伺服器傳送請求前執行一些動作。具體可參考jquery官方文件 ajax complete function 防止重複資料 在實際專案開發中,提交表單時常常由於網路或者其原因,使用者點選提交按鈕誤認...

的解題巧用

輸入乙個數,判斷該整數的二進位制中含有多少個 1 思路 按位與 include int main void printf d count return0 由這道題聯想判斷乙個整數是否為二的n次方 思路 按位與 注釋 如果該數為2的次方,輸出yes,否則輸出no include int main vo...