有时我们需要点击按钮通过ajax向服务器提交数据，为了防止重复点击按钮，我们有时会做一些设置。
场景过程：当第一次点击按钮时，通过ajax提交数据，按钮设置为禁用失效，从服务器返回结果后，重新启用按钮。
需要禁用请求提交按钮，一般来说比较简单，只需要通过jquer在按钮中添加disabled属性即可。
实例代码如下：
一.包含文件部分，引用jQuery文件
<script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
二.HTML部分
<button id="test">测试</button> <div id="result"></div>
三.Javascript部分
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#test").click(function(){
jQuery(this).attr({"disabled":"disabled"});
postajax();
});
});
var biuuu = {};
postajax = function(){
jQuery.ajax({
url: "服务器处理URL",
success: function(html){
jQuery("#result").append(html);
}
});
jQuery("#test").removeAttr("disabled");
}
</script>
当点击测试按钮后，使用jQuery(this).attr({"disabled":"disabled"})语句禁用测试按钮，实质是给测试按钮增加一个disabled属性，然后执行postajax()请求，当请求完全后，使用jQuery("#test").removeAttr("disabled")语句去除禁用按钮属性。
利用jquery对按钮进行禁用和启用非常简单，实际上是用到了jQuery的attr和removeAttr两个函数，给元素添加和删除disabled属性。
相关阅读：如何用js阻止按钮提交表单
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/235.html
