Abort Ajax-Request in einem Versprechen

Question

Ich bin ein Formular-Validierung Aufbau und Versprechungen zu lernen, ich asynchrone Validierungsfunktionen versprechen Muster mit implementieren entschieden:

var validateAjax = function(value) { 
    return new Promise(function(resolve, reject) { 
     $.ajax('data.json', {data: {value: value}}).success(function(data, status, xhr) { 
      if (data.valid) { 
       resolve(xhr) 
      } 
      else { 
       reject(data.message) 
      } 
     }).error(function(xhr, textStatus) { 
      reject(textStatus) 
     }) 
    }) 
} 

//... 
var validators = [validateAjax]; 
$('body').delegate('.validate', 'keyup', function() { 
    var value = $('#the-input').val(); 
    var results = validators.map(function(validator) { 
     return validator(input) 
    }); 

    var allResolved = Promise.all(results).then(function() { 
     //... 
    }).catch(function() { 
     //... 
    }) 
}); 

Dies scheint zu funktionieren gut, wird die Eingabe validiert Benutzertypen (der Code wird vereinfacht, um nicht zu lang zu sein, z. B. Zeitüberschreitung, nachdem der Schlüssel fehlt usw.).

Jetzt frage ich mich, wie die Ajax-Anfrage zu beenden, wenn die Validierung aus dem vorherigen Keyup-Ereignis noch in Bearbeitung ist. Ist es irgendwie möglich zu erkennen, in welchem ​​Zustand die Verheißung ist und möglicherweise das Versprechen von außen abzulehnen?

Answer 1

Promise Cancellation ist derzeit unter Spezifikation, es gibt keine eingebaute Möglichkeit, dies zu tun (es kommt aber). Wir implementieren können es uns:

var validateAjax = function(value) { 
    // remove explicit construction: http://stackoverflow.com/questions/23803743 
    var xhr = $.ajax('data.json', {data: {value: value}}); 
    var promise = Promise.resolve(xhr).then(function(data){ 
     if(!data.isValid) throw new Error(data.message); // throw errors 
     return data; 
    }); 
    promise.abort = function(){ 
     xhr.abort(); 
    }); 
    return promise; 
} 

Jetzt können wir töten die validateAjax fordert von abort auf das Versprechen Aufruf:

var p = validateAjax("..."); // make request 
p.abort(); // abort it;