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的獲取日期代碼不足兩位數補0

JavaScript的獲取日...

當我們用javascript得到了一個時間後...針對月份及日期的部分只會顯示數字... funct...

圖型插件Elastislide

圖型插件Elastislid...

teach Elastislide是一款好用的圖形插件......

colorbox 使用 onclick href 驅動

colorbox 使用 on...

colorbox 一直都是很優秀的Lightbox外掛... 目前的網站中幾乎或多或少都會用到Lig...

Recommended reading

Other stories happened at this address

千萬別低估了小孩的破壞力了......所以我該在旁邊作畫美化一下嗎?

千萬別低估了小孩的破壞力了....

千萬別低估了小孩的破壞力了......所以我該在旁邊作畫美化一下嗎?

PDO連接Mysql方式

PDO連接Mysql方式

pexelsphoto 最近因為源碼檢測的原因,才驚覺自己以前的系統撰寫的方式早已不再安全。 所以決...

這麼冷的天就是要來碗麻油雞麵線

這麼冷的天就是要來碗麻油雞麵...

s 這麼冷的天,根本就不想出門( ̄∇ ̄) 搞定U的午餐後,自己煮了些麵線加上母親大人寄上來的麻油雞~...

今晚,瓜仔肉拌飯

今晚,瓜仔肉拌飯

醬瓜切碎,蒜頭切片。 將處理好的醬瓜跟蒜頭跟絞肉一起拌勻。 順便也倒了些醬瓜的湯汁、一點米酒、一點醬...

兄妹

兄妹

綠啊~爸爸在這裡幫妳做個紀錄,讓妳知道你哥哥是怎麼用他的方式來疼愛你的~ 這可是他最喜歡的貼紙啊~ ...

兒子開始發揮畢卡索的藝術天份,只是...在鞋墊上塗鴉是新的作品?

兒子開始發揮畢卡索的藝術天份...

兒子開始發揮畢卡索的藝術天份,只是...在鞋墊上塗鴉是新的作品?

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