AJAX避免用戶重復提交請求實現方案_AJAX教程
      
編輯Tag賺U幣
      




      

      推薦：ajax的 IE cache 相關問題解決
      運用Ajax做了一個名字檢驗，第一次是有效的，但是提交過后，再檢驗一次，結果就不對了，是由于IE的cache的原因，接下來介紹下詳細的解決方法，感性的朋友可以參考下哈
      在使用AJAX(jQuery)異步請求數據時，為了避免因某些原因用戶同時多次點擊按鈕，提交重復的請求，我們需要禁用請求提交按鈕。 

      重點：jQuery的 attr 和 removeAttr 兩個函數，主要是元素button的disabled屬性。 
      Demo： 
      復制代碼 代碼如下:www.wf0088.com
       
      <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"); 語句去除禁用按鈕屬性，從而實現了禁用按鈕，避免重復發送請求。
      分享：jquery ajax提交表單從action傳值到jsp實現小結
      pw.print(random);這里的random就是action要向jsp傳的值，在jsp中，success: function(text)這里的text就是接收從action傳過來的值，感興趣的朋友可以參考下哈
      


      

      


      來源：模板無憂//所屬分類：AJAX教程/更新時間：2013-04-22


      


      



      


      



      相關AJAX教程：