Loading...

ajax防止重複提交

Temperature: 0 °C

ChungChung
author_tools

會發生重提交的原因,大致上是因為考驗人與系統間的耐性~

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
寫程式筆記

Prev
 網站植入Facebook登入FBapi請求修改

Next
走了一趟文具區這小天使是我小時候最常用的品牌鉛筆沒想到現在還有啊 

Nearby Attractions

台北市內湖區江南街71巷75弄-Nearby Attractions

  • 草山教師研習中心 Go
  • 前美國大使官邸 Go
  • 松山菸廠 Go
  • 長老教會北投教堂 Go
  • 芳蘭大厝 Go
  • 新富市場 Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

javascript 底下使用 htmlspecialchars

javascript 底下使...

pexelsphoto Javascript中使用一個函數達到PHP的htmlspecialchar...

在PHP裡面如何做到基本的SQL injection防禦?

在PHP裡面如何做到基本的S...

資訊安全一直是很頭痛的問題....我一直以來也在尋找最好的方式... 但在尋找的過程中...至少也得...

CSS透明度

CSS透明度

CSS 透明度的實作, 各種瀏覽器和標準如下:(數字越小越透明) 標準: opacity:~ (Fi...

Recommended reading

Other stories happened at this address

我以前不可能做這些事~

我以前不可能做這些事~

我以前~ 不可能在坐在電腦前時還得抱著你。 不可能在應該拿著滑鼠的手卻得要拿著奶瓶。 不可能走在外頭...

所以......兒子,你是對早餐不滿意?還是?

所以......兒子,你是對...

所以......兒子,你是對早餐不滿意?還是?

apache下設置不顯示目錄列表 Indexes FollowSymLinks

apache下設置不顯示目錄...

pexelsphoto 選擇編輯httpd.conf文件 vi conf/httpd.conf 找到...

四個月又2天,翻身

四個月又2天,翻身

瞧她一臉有點小驚訝的表情卻又按耐不住喜悅貌。 四個月又天,自己翻身成功,似乎好像不大相信自己成功了。...

最遙遠的距離

最遙遠的距離

s 通訊軟體看似拉近了彼此的距離。 殊不知,心的距離才是最遙遠的。 已讀未回。

新一代小鮮肉啊~

新一代小鮮肉啊~

新一代小鮮肉啊~

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format