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

整合Facebook粉絲專頁的即時訊息,Zotabox網站打造免費線上支援平台。

整合Facebook粉絲專頁...

還記得在msn的年代,msn有提供在網站上架構即時通訊功能,方便網站管理者與user直接交談~ 現在...

javascript 底下使用 htmlspecialchars

javascript 底下使...

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

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

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

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

Recommended reading

Other stories happened at this address

挺進7個月囉~

挺進7個月囉~

個月了~最近開始偶爾會腳抽筋,所以鈣的部份得多補充了.... 而且小傢伙在Mandy肚子裡好像工程越...

獨自一個人的2個星期,第5晚意外的訪客。

獨自一個人的2個星期,第5晚...

s 雖說感受不到泰莉的威脅,但仍下了整天的雨。 今天的工作心超級不順,倒不是說遇到了甚麼特別的問題。...

父子時間,萬聖節小物DIY

父子時間,萬聖節小物DIY

父子時間,萬聖節小物DIY

使用dp.SyntaxHighlighter 程式碼色彩顯示工具,讓紀錄程式心得更有可看性

使用dp.SyntaxHig...

說好了要在innstory裡寫下故事紀錄... 所以是不是有方便紀錄的工具或方式,就變成我在開發in...

日常

日常

s 一整天跟U鬥體力。 好不容易,等到Mandy下班,晚上也哄兒子睡了。 收拾了凌亂的現場,雖說每天...

街角的早餐店

街角的早餐店

習慣拎上一杯便利商店的冰咖啡,來到街角這間早餐店。 早餐店沒有名字,賣的是中式早餐。 喜歡上他的原因...

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