ajax防止重複提交
Temperature: 0 °C
AJAX（非同步的JavaScript與XML技術）的好處是可以僅向伺服器傳送並取回必須的資料，並在用戶端採用JavaScript處理來自伺服器的回應。
所以大大減少web的負荷~取資料的速度也變快，因為我只取我要的資料顯示。
但是卻會遇到一個問題，當使用者透過AJAX傳送需求時，若是系統沒有提醒訊息～
或根本就是網路過慢來不及反應回答使用者的需求時～
使用者通常會沒耐性的多發送了不少次傳送訊息。
而這就會變成，AJAX的請求第一筆還未處理完就接著要處理第二筆第三筆.....最後....當了。
我自己就常常遇到這樣的問題。
現在我用下列的方式，試著解決這些問題。
page_requestLock = 0;//預設值為解鎖狀態
if(page_requestLock === 1){
return;
}else{
page_requestLock = 1
$.ajax({
async: false,
type: "POST",
url: "$URL",
data: dataString,
success : function(res){
$("#page_list").html(res);
page_requestLock = 0;
},
error: function(){
alert('載入錯誤!');
page_requestLock = 0;
}
})
}首先我先宣告了一個變數 page_requestLock 並將預設值設定為0
把他當作解鎖的狀態。
這樣，當AJAX執行時再將 page_requestLock 的值改變為1
鎖定的狀態。
直到完成訊息提交並顯示時，才又將狀態改回解鎖的狀態。
目前測試執行中~
以上紀錄。
台北市內湖區江南街71巷75弄 Go
https://innstory.com/story-ajax防止重複提交-1276
