执行一组递归 HTTP GET 调用，并等待所有调用

Question

我有一个 REST 服务，提供一个“Json”对象列表，每个对象都可能具有指向其自身类的另一个资源的链接。从一个特定的开始，我需要全部获取它们，执行递归 http 调用。 于是我写了：

var steps = [];
var recursiveLookup = function(processId) {
  return $.ajax({
    url: SERVER_URL + processId,
    success: function (activity) {
      // Activity has a set of json objects called steps
      var rtn = activity.path.map(step => {
        if (step.type != "Node") {
          steps.push(step);
        } else {
          return recursiveLookup(step.subProcessIntanceId);
        }
      }).filter(a => a != undefined);
      return rtn;
    }
  });
}

这会正确地将所有对象加载到全局步骤 var 中。 我需要确保方法已经完成，所以我写道：

var promises = recursiveLookup(processId);
Promise.all(promises).then(function () {
   console.log(steps);
});

但它不起作用，因为“recursiveLookup”正在返回 $.ajax 的承诺，而不是假装使用成功方法返回的承诺集。

此外，是否可以将步骤作为返回值从“recursiveLookup”方法中获取，而不是将其用作全局变量？

Answer 1

嵌套递归不在我的舒适区，但也许这会起作用：

var recursiveLookup = function(processId,steps=[]) {
  return $.ajax({
    url: SERVER_URL + processId,
  })
  .then(
    function (activity) {
      // Activity has a set of json objects called steps
      steps = steps.concat(
        activity.path.filter(
          step => step.type !== "Node"
        )
      );
      return Promise.all(
        activity.path.filter(
          step => step.type === "Node"
        )
        .map(
          step=>
            recursiveLookup(step.subProcessIntanceId,steps)
        )
      ).then(
        result=>steps.concat(result)
      )
    }
  );
}

为了使尾调用优化发挥作用，函数所做的最后一件事应该是调用递归函数，但我认为在承诺链中这并不重要。

Answer 2

如果您想使用 Promise，则不应使用 success 参数。相反，您希望返回一个 Promise，并希望使用 then 将 Promise 的结果转换为不同的东西，甚至可能是另一个 Promise。

function request(page) {    
…
// return the AJAX promise
return $.ajax({
    url: '/echo/json/',
    method: 'POST',
    dataType: 'json',
    data: {
        delay: 1,
        json: JSON.stringify(ret)
    }
 });
}

function requestOddsFrom(page, items) {
return request(page).then(function(data){
    if (data.currentPage > data.totalPage) {
        return items;
    } else {
        var filtered = data.items.filter(function(el){ return el%2 == 1; });
        return requestOddsFrom(data.currentPage + 1, items.concat(filtered));
    }
 });
}

function requestAll(){
return requestOddsFrom(1, []);
}

 requestAll().then(function(items) {
   console.dir(items);
});

更多信息jQuery Recursive AJAX Call Promise

How do I return the response from an asynchronous call?