如何通過禁用按鈕避免jQuery.ajax重複請求

使用jQuery.ajax請求資料時，為了避免使用者重複請求，需要禁用請求提交按鈕，一般來說比較簡單，只需要在按鈕中添加disabled屬性即可，下面寫了一個測試執行個體，談談具體實現禁用按鈕方法。
執行個體代碼如下：
一，包含檔案部分，引用jQuery檔案

1. <script src=”http://code.jquery.com/jquery.js” type=”text/javascript”></script>
   

二，HTML部分

    <button id=”test”>測試</button>

     <div id=”result”></div>

定義一個測試按鈕和一個結果顯示DIV層

三，Javascript部分

 

<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(“#test”).click(function(){
jQuery(this).attr({“disabled”:”disabled”});
biuuu._ajax();
});
});
var biuuu = {};
biuuu._ajax = function(){
jQuery.ajax({
url: “biuuu.html”,
success: function(html){
jQuery(“#result”).append(html);
}
});
jQuery(“#test”).removeAttr(“disabled”);
}
</script>

 

當點擊測試按鈕後，使用jQuery(this).attr({“disabled”:”disabled”})語句禁用測試按鈕，實質是給測試按鈕增加一個disabled屬性，然後執行biuuu._ajax()請求，當請求完全後，使用jQuery(“#test”).removeAttr(“disabled”)語句去除禁用按鈕屬性，實現禁用按鈕非常簡單。

主要瞭解jQuery的attr和removeAttr兩個函數，其實是元素disabled屬性。