在Ajax進程中解除綁定事件處理程序

Question

我有一個帶按鍵事件處理程序jsfiddle的文本字段。當我在此字段中輸入內容並按下「Enter」2次時，將發送2個請求。我想關閉所有事件，同時ajax請求正在進行中。一種選擇是在ajax調用之前調用.off()函數，然後再次綁定事件處理函數。任何其他選項？

Answer 1

我用2個布爾標誌，如：

var is_requesting = false, should_request = false; 
function onkeydown() { 
    if (is_requesting) { 
     should_request = true; 
     return; 
    } 
    is_requesting = true; 
    $.ajax({}, function() { 
     is_requesting = false; 
     if (should_request) { 
      onkeydown(); 
     } 
    }); 
} 

Answer 2

使用回調處理程序從您的AJAX調用和使用國旗的布爾值。通過在「始終」回調中將ajaxLoading布爾值設置爲false，您可以確保其他未來請求可以獨立於當前ajax調用是否引發錯誤。

var ajaxLoading = false; 

if(!ajaxloading){ 
    ajaxloading=true; 
    $.ajax({ 
    url: 'your url', 
    type: 'GET', 
    dataType: 'JSON' 

    }) 
    .done(function(data) { 
    console.log("success"); 

    }) 
    .fail(function() { 
    console.log("error"); 
    }) 
    .always(function() { 
    console.log("complete"); 
     ajaxloading=false; 
    }); 

} 

Answer 3

有沒有很好的理由不使用jQuery .off()函數？

如果是這樣，那麼您可以在創建ajax請求之前簡單地禁用該控件，並在請求完成後重新啓用該控件。這也會阻止用戶認爲他/她可以通過在請求期間更改文本值來更改結果。

 //Disable the input   
     $('#myresult').prop('disabled', true); 
     $('#myresult').append('<br>'+$(this).val()); 
     $.ajax({ 
      type: "POST", 
      beforeSend: function() {}, 
      complete: function() { 
       //Re-Enable the input 
       $('#myresult').prop('disabled', false); 
      }, 
      url: "/echo/json/", 
      data: { delay : 3 }, 
      success: function(){}, 
      error: function() {}, 
      dataType: 'json' 
     });