搜索熱詞

下面是編程之家 jb51.cc 通過網絡收集整理的代碼片段。

編程之家小編現在分享給大家，也給大家做個參考。

防止ajax重復提交

提交

/**

* 模擬ajax提交

* @fn 回調函數

* */

function Ajax(fn){

setTimeout(function(){

var data= {result:true,msg:'提交成功！'};

fn(data);

},2000);

}

/**

* btn click 提交事件

*

* */

btn.οnclick=function(){

//檢查 按鈕是否被鎖住，鎖住直接rerun

if(btn.getAttribute('lock')){

return;

}

//上鎖

btn.setAttribute('lock',1);

//更改狀態

btn.innerText='提交中...';

//模擬ajax提交

Ajax(function(data){

//請求成功

if(data.result){

console.log('請求成功');

//請求成功解鎖

btn.setAttribute('lock',"");

//還原狀態

btn.innerText='提交';

}else{

console.log('請求失敗');

//請求失敗解鎖

btn.setAttribute('lock',"");

//還原狀態

btn.innerText='提交';

}

});

}

以上是編程之家(jb51.cc)為你收集整理的全部代碼內容，希望文章能夠幫你解決所遇到的程序開發問題。

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

總結

以上是編程之家為你收集整理的ajax 實現防止重復提交全部內容，希望文章能夠幫你解決ajax 實現防止重復提交所遇到的程序開發問題。

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

本圖文內容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。

如您喜歡尋找一群志同道合、互幫互助的學習伙伴，可以點擊下方鏈接加入：

編程之家官方1群

編程之家官方2群

編程之家官方3群

編程之家官方4群

總結

以上是生活随笔為你收集整理的ajax保存避免重复提交,ajax 实现防止重复提交的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。