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