ajax同步防止重复提交的两种方法

1.设置变量法:

var _thisCondition = true;
$("button").click(function() {
	if (!_thisCondition) return false;
	_thisCondition = false;
	setTimeout(function (){_thisCondition = true; }, 60000);

	var url = "test2.php";
	
	$.ajax({
		url: url,
		type: 'POST',
		//async: false,
		success: function (msg) {
			console.log(msg);	
		},
		error: function () {
			console.log("网络连接失败");
		}
	});
})

2.设置button的属性为disable:

$("button").click(function () {
	$(this).attr('disabled',true);
	$.ajax({
		url : 'test2.php',
		type : 'POST',
		async : false,
		success : function (msg) {
			console.log(msg);
			$(this).attr('disabled',false);
		},
		error : function () {
			console.log("网络连接失败");
			$(this).attr('disabled',false);
		}
	});
})

以上两种方法同步异步均可适用

你可能感兴趣的:(jquery)