通过禁用按钮避免jQuery.ajax重复请求

原创于 2011-02-04 22:48:26 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #jQuery #Java #ViewUI

php 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的功能，该功能在表单提交时自动禁用提交按钮，防止用户重复提交。通过绑定点击事件并设置按钮状态为禁用，同时触发表单提交，确保了用户体验的同时也保护了后台资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function disabledButton() {
	$("input[@type='submit']").each(function () {
	    $(this).bind("click", function () {
		   $(this).attr("disabled", true);
		   $(this).parents().filter("form").trigger("submit");
		});
	});
}


var initFun = window.onload;
if (initFun == null) {
	window.onload = disabledButton;
} else {
	window.onload = function () {
		initFun();
		disabledButton();
	};
}