избегать множественных привязок ajax

Question

при изменении выбора коробки в модальной панели. Я запускаю запрос ajax, и загрузка данных модальной панели зависит от ответа.

Я вижу, изначально только одна просьба стреляет с первой попытки. но он продолжает увеличиваться с количеством раз с выбором.

ниже мой сценарий

$(".dds").msDropDown(); 
$('#dropdown').off('change'); 
$('#dropdown').on('change', takeAction); 

function takeAction(event){ 
event.preventDefault(); 
var colour = $('#colors .selected').attr('data-color'); 
console.log(colour); 
new Ajaxinator().jsonPost({ 
    url :$(event.currentTarget).val(), 
    data : { 
     name : $(event.currentTarget).attr('title'), 
     colour : colour 
    }, 
    success: function (response) 
    { 
    $('#dropdown').off('change'); 

    $('#Data').html(response.Data); 
    $('#dropdown').off('change',takeAction); 

} 
}); 

}; 

Я имею в виду, что это из-за каждого АЯКС запроса новое связывание создает для #dropdown и OnChange функция вызывает несколько раз. Может кто-нибудь мне помочь.

Answer 1

Можете ли вы попробовать?

var oAJAXRequest = false; //GLOBAL VARIABLE 

$("#dropdown").unbind('change'); 
$("#dropdown").bind('change', takeAction); 


function takeAction(){ 

    if(oAJAXRequest != false){ 
     return; 
    } 

    event.preventDefault(); 
    var colour = $('#colors .selected').attr('data-color'); 
    oAJAXRequest = $.ajax({ 
     type: 'POST', 
     url: $(event.currentTarget).val(), 
     data : { 
      name : $(event.currentTarget).attr('title'), 
      colour : colour 
     }, 
     success: function(data) { 
      $('#Data').html(response.Data); 
      oAJAXRequest = false; 
     }, 
     error: function(jqXHR, sMessage, oException) { 
      oAJAXRequest = false; 
     } 
    }); 
} 

Answer 2

Я использовал

$('#dropdown').off('change',takeAction); 

работал для меня.