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

黑客松Hackathon

黑客松Hackathon

這個星期六日要同朋友去參加一個聚會...黑客松Hackathon... 老實說我根本不知道那是什麼....

Responsive Web Design使用CSS3的Media Queries進行自適應網頁設計

Responsive Web...

智慧型手持裝置(手機、平板)已是非常普及的日常生活必需品。 所以現在,在開發系統時客戶都會詢問是否支...

分享到各社群的方式

分享到各社群的方式

每次在寫網站系統時..客戶總會要求希望他們的網站可以有分享到社群網站的功能... 所以把一些常用的方...

Recommended reading

Other stories happened at this address

​innstory 更新故事分享功能植入

​innstory 更新故事...

Innstory 更新故事分享功能,花了點時間...但不得不說有時候我真的只是想分享一段文字或幾張照...

知道自己不夠高,還特地去客廳搬他的寶物箱進來墊著,我是該哭還是該笑呢?

接下來,一團亂....

知道自己不夠高,還特地去客廳...

知道自己不夠高,還特地去客廳搬他的寶物箱進來墊著,我是該哭還是該笑呢? 接下來,一團亂....

第一次被5U的大便嗆到咳嗽,天啊我到底餵你吃了些什麼@@

第一次被5U的大便嗆到咳嗽,...

第一次被U的大便嗆到咳嗽,天啊我到底餵你吃了些什麼@@

青椒炒肉絲佐高粱

青椒炒肉絲佐高粱

很簡單,卻也很下飯。 家裡買的沙茶也放了一陣子了,這晚就決定來盤沙茶口味的青椒炒肉絲。 其實我也不清...

洋蔥炒蛋佐大把大把的眼淚

洋蔥炒蛋佐大把大把的眼淚

一顆洋蔥、二顆雞蛋、一根長蔥再加上大把眼淚~@@ 其實我還蠻愛吃洋蔥的。但受不了切洋蔥~每次處理都弄...

5U要上學囉~

5U要上學囉~

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