ajax禁止重複提交的解決辦法

標籤：style   blog   color   io   os   使用   ar   for   資料   

本篇文章主要分享下在使用jquery ajax時防止重複提交的辦法,其實方法很簡單，就是在使用者點擊了提交按鈕之後將按鈕設定為不可點擊即可，具體代碼如下：

 1 $(‘#submit‘).click(function(){  2 　　var objButton=$(this);  3 　　var content=$(‘#content‘).val();  4 　　$.ajax({  5 　　url:web_url+‘jquery.php‘,  6 　　type:‘post‘,  7 　　cache:false,  8 　　data: ‘action=submit&content=‘+content,  9 　　beforeSend:function(){//觸發ajax請求開始時執行 10 　　objButton.val(‘提交中‘).attr(‘disabled‘,true);//改變提交按鈕上的文字並將按鈕設定為不可點擊 11 　　}, 12 　　success:function(txt){//ajax請求成功後執行 13 　　//這裡做相關邏輯判斷了，具體根據自己的情況看了 14 　　}, 15 　　error:function(){//ajax發生錯誤時執行 16 　　alert(‘資料請求出錯！‘); 17 　　}, 18 　　complete:function(){//ajax請求完成時執行 19 　　objButton.val(‘提交‘).attr(‘disabled‘,false);//改變提交按鈕上的文字並將按鈕設定為可以點擊 20 　　} 21 　　}); 22 }); 

 

ajax禁止重複提交的解決辦法