javascript實(shí)現(xiàn)避免頁(yè)面按鈕重復(fù)提交
更新時(shí)間：2015年01月08日 10:56:51 投稿：hebedich
很多時(shí)候我們都需要防止重復(fù)提交,這方面的文章也比較多,實(shí)現(xiàn)的途徑差別也很大.因?yàn)橛行r(shí)候即使服務(wù)器能夠識(shí)別重復(fù)的提交,也會(huì)造成問(wèn)題.比如需要很長(zhǎng)等待時(shí)間的操作,在首次提交后,不斷重復(fù)提交,頁(yè)面可能會(huì)死掉.用腳本來(lái)控制的話可以防止這種問(wèn)題.
復(fù)制代碼 代碼如下:
function preventAjax(obj,num){
obj.disabled = true;
var num = num;
var types =obj.type;
if(types == 'submit'){
var text = obj.value;
var time1 = setInterval(function(){
obj.value = num;
num--;
if(obj.value <= 0 ){
clearInterval(time1);
obj.disabled = false;
obj.value = text;
}
},1000);
}else{
var text = obj.innerHTML
var time1 = setInterval(function(){
obj.innerHTML = num;
num--;
if(obj.innerHTML <= 0 ){
clearInterval(time1);
obj.disabled = false;
obj.innerHTML = text;
}
},1000);
}
}
綁定事件即可調(diào)用
以上就是本文的全部?jī)?nèi)容了，小伙伴們拿到自己項(xiàng)目中測(cè)試下吧。
相關(guān)文章
使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn)
這篇文章主要介紹了使用Bootstrap Tabs選項(xiàng)卡Ajax加載數(shù)據(jù)實(shí)現(xiàn),以及遇到的問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解
最近在研究Javascript發(fā)現(xiàn)了其中一些之前忽略的問(wèn)題，所以想著總結(jié)分享出來(lái)，下面這篇文章主要給大家介紹了關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解，文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-07-07
《JavaScript高級(jí)程序設(shè)計(jì)》閱讀筆記（一） ECMAScript基礎(chǔ)
ECMAScript基礎(chǔ),主要包括語(yǔ)法,變量,關(guān)鍵字,保留字,原始值和引用值等2012-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
ECMAScript6輪播圖實(shí)踐知識(shí)總結(jié)
最近萌生了用ECMAScript6寫(xiě)一個(gè)輪播圖的想法，以前就知道ECMAScript6，但是一直沒(méi)有學(xué)，現(xiàn)在終于下決心學(xué)了，本篇文章會(huì)總結(jié)在實(shí)踐中用到的ES6的知識(shí)。2016-08-08
這篇文章主要為大家詳細(xì)解析了DOM中事件處理概覽與原理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
深入理解javascript prototype的相關(guān)知識(shí)
這篇文章主要介紹了深入理解javascript prototype的相關(guān)知識(shí),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JS打印gridview實(shí)現(xiàn)原理及代碼
打印gridview對(duì)于一些童鞋們真的是很陌生啊,不過(guò)沒(méi)有關(guān)系，因?yàn)楸疚牡某霈F(xiàn)，或讓你茅塞頓開(kāi)，好了話不多說(shuō)，感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)js高級(jí)知識(shí)有所幫助2013-02-02
詳解小程序如何動(dòng)態(tài)綁定點(diǎn)擊的執(zhí)行方法
這篇文章主要介紹了詳解小程序如何動(dòng)態(tài)綁定點(diǎn)擊的執(zhí)行方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JavaScript中最容易混淆的作用域、提升、閉包知識(shí)詳解(推薦)
在web前端開(kāi)發(fā)中js中的作用域，提升，閉包知識(shí)是經(jīng)常用到的也是很容易混淆的知識(shí)點(diǎn)，接下來(lái)小編整理了本教程幫助大家學(xué)習(xí)2016-09-09