搜索热词

下面是编程之家 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群