如何打破多个 Ajax 承诺链？

Question

我有多个ajax请求一起工作，每个请求都基于前一个请求的结果，如果前一个请求返回false，则链应该停止。

这里有一些代码

 //here is a promise chain    

 return this.getBand(id)
            .then(this.getAlbum)
            .then(this.getSong);
//ajax request for getBand
function getBand(id) {
  return Ember.$.ajax({
    data:{id: id},
    url: urls.bandUrl,
  }).then(function(result){
    return result;
  });
};

//ajax request for getAlbum
function getAlbum(result){
  if(result.pass) {
  var bandName = result.name;
  return Ember.$.ajax({
   //...
  })
  } else {
  // i wanna stop the promise chain here, how to do that?
  }
}

Answer 1

您可以通过返回rejected Deferred 来指示链中的错误：

function getAlbum(result) {
  if (result.pass) {
    // ...
  } else {
    return Ember.$.Deferred().reject('Previous result did not pass');
  }
}

您也可以修改getBand() 以检查result.pass 本身，这样getAlbum() 将不会被调用，除非它通过了。

function getBand(id) {
  return Ember.$.ajax({
    // ...
  }).then(function(result){
    return result.pass ?
      result :
      Ember.$.Deferred().reject('Band could not be found (' + id + ').');
  });
};

链不会完全停止，但它只会继续到fail 回调/过滤器，作为第二个参数提供给.then() 或.fail()。

return this.getBand(id)
    .then(this.getAlbum)
    .then(this.getSong)
    .fail(function (error) {
        // show `error` to user
    });