javascript – 在承诺中中止ajax请求

前端之家收集整理的这篇文章主要介绍了javascript – 在承诺中中止ajax请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建表单验证并学习promises我决定使用promise模式实现异步验证函数
  1. var validateAjax = function(value) {
  2. return new Promise(function(resolve,reject) {
  3. $.ajax('data.json',{data: {value: value}}).success(function(data,status,xhr) {
  4. if (data.valid) {
  5. resolve(xhr)
  6. }
  7. else {
  8. reject(data.message)
  9. }
  10. }).error(function(xhr,textStatus) {
  11. reject(textStatus)
  12. })
  13. })
  14. }
  15.  
  16. //...
  17. var validators = [validateAjax];
  18. $('body').delegate('.validate','keyup',function() {
  19. var value = $('#the-input').val();
  20. var results = validators.map(function(validator) {
  21. return validator(input)
  22. });
  23.  
  24. var allResolved = Promise.all(results).then(function() {
  25. //...
  26. }).catch(function() {
  27. //...
  28. })
  29. });

这似乎工作正常,输入被验证为用户类型(代码简化不会太长,例如缺少keyup后的超时等等).

现在我想知道如果前一个keyup事件的验证仍在进行中,如何终止ajax请求.是否可能以某种方式检测承诺在哪种状态并且可能拒绝来自外部的承诺?

解决方法

Promise取消目前正在规范中,目前还没有内置的方法(它即将推出).我们可以自己实现它:
  1. var validateAjax = function(value) {
  2. // remove explicit construction: https://stackoverflow.com/questions/23803743
  3. var xhr = $.ajax('data.json',{data: {value: value}});
  4. var promise = Promise.resolve(xhr).then(function(data){
  5. if(!data.isValid) throw new Error(data.message); // throw errors
  6. return data;
  7. });
  8. promise.abort = function(){
  9. xhr.abort();
  10. });
  11. return promise;
  12. }

现在,我们可以通过在promise上调用abort来终止validateAjax调用

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

猜你在找的Ajax相关文章