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


本篇文章主要分享下在使用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 }); 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM