javascript - 如何在 Angular 中重复 ajax 调用并在需要时取消它？

Question

我有 3 个 ajax 调用需要连续运行。我的问题是如何使用 $interval 来做到这一点。还有其他方法可以实现此目的吗？

我接到这些电话。

var server1 = getDataFromServer1()
var server2 = getDataFromServer2UsingServer1Data(server1);
var server3 = getDataFromServer3UsingServer2Data(server2);

但是我想重复它们，但如果我得到某个值就可以取消它们。在我从 getDataFromServer3UsingServer2Data 获取数据之前， $interval 不会运行 getDataFromServer1() ，因为它不会等待。实现这一目标的最佳方法是什么？谢谢。

Answer 1

我不确定这是否是正确的方法，但你可以尝试这样的方法:

function getDataFromServer() {
  getDataFromServer1().then(function(res1) {

    if (value === YOU_CERTAIN_VALUE) {
      //do what you want
      return
    }
    getDataFromServer2UsingServer1Data(server1).then(function(res2) {

      if (value === YOU_CERTAIN_VALUE) {
        //do what you want
        return
      }

      getDataFromServer3UsingServer2Data(server2).then(function(res3) {
        if (value === YOU_CERTAIN_VALUE) {
          //do what you want
          return;
        }
        //calling the function again.
        getDataFromServer();
      });
    });
  });

}