Могу ли я использовать обещание/а для обработки событий?

Question

Я хочу, чтобы превратить

$(button).on("click",function(e) { 
    $.ajax(url, function(data) { 
     handle(data); 
    }); 
}); 

в:

$(button).on("click") 
.then(function(e) { 
    return $.ajax(url); 
}) 
.then(function(data) { 
    return handle(data); 
}); 

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

Любые элегантные решения?

Answer 1

Чтобы выполнить запрос ajax только один раз, независимо от того, сколько раз вы вызываете кнопку, вы можете ссылаться на одно обещание. Вы можете многократно вызывать методы обещаний, и они немедленно разрешат, если транзакция уже завершена.

var promise; 
function sendAjaxRequest() { 
    return promise || promise = $.ajax(url); 
} 

$(button).on("click", function(){ 
    sendAjaxRequest().then(function(data) { 
     handle(data); 
    } 
});