JS通過ajax發起非同步請求時，經常會出現一個按鈕快速多次點選時，請求進行了多次提交，可能導致很多不必要的問題出現，比如寫入某些髒資料等。

  此處針對ajax發起請求多次提交的問題進行JS程式碼處理的簡單方法有如下兩種：

1、定義lock（鎖）機制：

//提交 var lock = true;//防止重複提交定義鎖 $('.saveRemark').click(function(){ var noticeType = $('select[name="noticeType"]').val(); var noticeTitle = $('input[name="noticeTitle"]').val(); if(noticeType == ''){ $('.change').find('p').html('請選擇公告型別！'); $('.change').show(); return; } if(noticeTitle == ''){ $('.change').find('p').html('請輸入公告標題！'); $('.change').show(); return; } var noticeStatus = $(this).attr('noticeStatus'); $('input[name="noticeStatus"]').val(noticeStatus); var form = $('#userQueryForm'); if(!lock){// 2.判斷該鎖是否開啟，如果是關閉的，則直接返回 return false; } lock = false ; //3.進來後，立馬把鎖鎖住 $.ajax({ type: 'post', url: '/manage/noticeInsertDO.htm?date='+new Date(), data : form.serialize(), success: function(res) { if(res.code == 1){ $('.actionResult').find('p').html(res.msg); $('.actionResult').show(); }else{ $('.change').find('p').html(res.msg); $('.change').show(); lock = true;//如果業務執行失敗，修改鎖狀態 } } }); return false; }); 2、 定義使用ajax的beforeSend: function () { //此處可選擇方式，如移除屬性等。 }, 如下例子：
//提交 $('.saveRemark').click(function(){ var noticeType = $('select[name="noticeType"]').val(); var noticeTitle = $('input[name="noticeTitle"]').val(); if(noticeType == ''){ $('.change').find('p').html('請選擇公告型別！'); $('.change').show(); return; } if(noticeTitle == ''){ $('.change').find('p').html('請輸入公告標題！'); $('.change').show(); return; } var noticeStatus = $(this).attr('noticeStatus'); $('input[name="noticeStatus"]').val(noticeStatus); var form = $('#userQueryForm'); $.ajax({ type: 'post', url: '/manage/noticeInsertDO.htm?date='+new Date(), data : form.serialize(), beforeSend: function () { // 移除屬性，避免選擇器再選擇，防止重複提交。 $(".saveRemark").removeAttr("class"); }, success: function(res) { if(res.code == 1){ $('.actionResult').find('p').html(res.msg); $('.actionResult').show(); }else{ $('.change').find('p').html(res.msg); $('.change').show(); } } }); return false; });

當然，這些處理方式只能針對簡單的無風險的業務進行處理，有道是任何只在前端的限制都是耍流氓，如果涉及安全及有風險存在時，我們還是需要在後臺進行相應的處理，即可以用攔截器來實現攔截，具體實現請待以後更新。

以上內容如有不當之處，歡迎指正。