AJAX避免用戶重復提交請求實現方案

來源：懂視網責編：小采時間：2020-11-27 22:52:24

AJAX避免用戶重復提交請求實現方案

AJAX避免用戶重復提交請求實現方案:在使用AJAX(jQuery)異步請求數據時，為了避免因某些原因用戶同時多次點擊按鈕，提交重復的請求，我們需要禁用請求提交按鈕。重點：jQuery的 attr 和 removeAttr 兩個函數，主要是元素button的disabled屬性。 Demo：代碼如下:<body&g

推薦度：

點擊下載本文 文檔為doc格式

導讀AJAX避免用戶重復提交請求實現方案:在使用AJAX(jQuery)異步請求數據時，為了避免因某些原因用戶同時多次點擊按鈕，提交重復的請求，我們需要禁用請求提交按鈕。重點：jQuery的 attr 和 removeAttr 兩個函數，主要是元素button的disabled屬性。 Demo：代碼如下:<body&g

在使用AJAX(jQuery)異步請求數據時，為了避免因某些原因用戶同時多次點擊按鈕，提交重復的請求，我們需要禁用請求提交按鈕。

重點：jQuery的 attr 和 removeAttr 兩個函數，主要是元素button的disabled屬性。
Demo：
代碼如下:


<body> 
<a class="disabled">Button disabeld</a>    <a class="abled">Button abled</a><br/><br/> 
<input type="button" id="submit" name="submit" value="submit"> 
</body> 
<script type="text/javascript" src="../jquery-1.2.6.js"></script> 
<script type="text/javascript"> 
$(function(){ 
//使其失效 
$(".disabled").click(function(){ 
$("#submit").attr("disabled","disabled"); 
$("#submit").val('disabled...'); 
}); 
//激活 
$(".abled").click(function(){ 
$("#submit").removeAttr("disabled"); 
$("#submit").val('submit'); 
}); 
//操作請求 
$("#submit").click(function() { 
$("#submit").attr("disabled", "disabled"); 
alert("hi");//send ajax request 
$("#submit").removeAttr("disabled"); 
}); 
}); 
</script> 
 
說明：當點擊"Button disabeld"后，使用 $( "#submit" ).attr("disabled","disabled") 語句禁用測試按鈕，實質是給測試按鈕增加一個disabled屬性，然后點擊"Button abled"或執行發送ajax()請求，當請求完全后，使用 $("#submit").removeAttr("disabled"); 語句去除禁用按鈕屬性，從而實現了禁用按鈕，避免重復發送請求。
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

AJAX避免用戶重復提交請求實現方案

推薦度：

點擊下載本文 文檔為doc格式

標簽：用戶客戶請求

熱門焦點

AJAX避免用戶重復提交請求實現方案

AJAX避免用戶重復提交請求實現方案

AJAX避免用戶重復提交請求實現方案

最新推薦

猜你喜歡

熱門推薦