jquery ajax防止重复提交的办法

前端APP 投稿 9200 1 评论

jquery ajax防止重复提交的办法

本篇文章主要分享下在使用jquery ajax时防止重复提交的办法。

其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下:


$('#submit'.click(function({
	var objButton=$(this;
	var content=$('#content'.val(;
	$.ajax({
		url:web_url+'jquery.php',
		type:'post',
		cache:false,
		data: 'action=submit&content='+content,
		beforeSend:function({//触发ajax请求开始时执行
			objButton.val('提交中'.attr('disabled',true;//改变提交按钮上的文字并将按钮设置为不可点击
		},
		success:function(txt{//ajax请求成功后执行
			//这里做相关逻辑判断了,具体根据自己的情况看了
		},
		error:function({//ajax发生错误时执行
			alert('数据请求出错!';
		},
		complete:function({//ajax请求完成时执行
			objButton.val('提交'.attr('disabled',false;//改变提交按钮上的文字并将按钮设置为可以点击
		}
	};
};

关于jquery ajax的用法,可参照本站文章:

Jquery中$.post和$.ajax的用法分析

编程笔记 » jquery ajax防止重复提交的办法

赞同 (45) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 让思考了很多之前从未想过的问题。
    幽暗诗人 2023-09-08 22:00 (1年前) 回复