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

Html編輯器Ckeditor 4.0內容讀取與寫入方式

Html編輯器Ckedito...

ckor 在Html編輯器裡,Ckor功能很強大雖然好用....但還是有很多部份需要微調啊... 原...

如何用javascript判斷字串中必須包含中英文

如何用javascript判...

字串拆開逐字檢查方式~ 首先將每一個字轉換成 ASCII 碼。 在使用for迴圈去檢查每個字是不是在...

無障礙網頁accesskey

無障礙網頁accesskey...

accesskey 無障礙網頁導盲磚。 是為了要方便有需求的人,可利用鍵盤即可快速瀏覽網頁切換網頁位...

Recommended reading

Other stories happened at this address

總之我先玩起來了~

總之我先玩起來了~

s 這些都是要給U的火材盒小車~還有一架飛機。 索性就來個圍城,沒了跑道這下飛機飛不起來了吧,哈哈哈...

手工餅乾

手工餅乾

我曾想像過一個場景..... 一家層樓高的咖啡店,樓下賣的是咖啡、手工餅乾、悠閒還有人情味。 樓賣的...

HTML5 Geolocation

HTML5 Geolocat...

說真的,HTML Geolocation的功能真的好用... 輕鬆就可以讓網站也能取得目前所在的地理...

聽說今天是父親節啊~

聽說今天是父親節啊~

給U吃餅乾~ 結果他把餅乾弄碎了給我當痱子粉抹在身上.... 現在整個身體倒是充滿了千層鬆塔的甜味....

目前奶量最高紀錄是160cc

目前奶量最高紀錄是160cc...

m 小悠第天,目前奶量最高紀錄是cc,但也只有出現一次而已。 大部份白天的時間還算好帶。 但到了每天...

我們家,在下著豆腐雨呢,看看這傢伙做了些甚麼~

我們家,在下著豆腐雨呢,看看...

我們家,在下著豆腐雨呢,看看這傢伙做了些甚麼~

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