同步或顺序提取服务辅助程序[重复]

Question

我需要发送一系列的PUT

要求：

• 给定请求方法、url和JSON正文，发送请求
• 如果成功（response.status

• 传递响应文本或错误到错误函数
• 停止执行

如果我只是迭代队列并为每个请求调用fetch，网络差异可能（通常确实）导致请求无序到达服务器。

如何生成一个获取请求链，其中每个结果取决于前一个请求的成功与否？

我尝试过的：

• 而不是XHR（假设我可以使用“async:false”，但这在服务工作者中是不允许的）。

上下文：我正在使用一个应用编程接口请求的“发件箱”来支持离线读取、创建和更新数据。工作良好，除了这个订购问题。




Answer 1

我想您会希望遵循ES6promise模式页面中的同步循环模式。

一旦通过.reduce（）设置了“成功”promise链，就可以在末尾附加一个.catch（）子句来处理错误报告。任何拒绝promise/的promise链内部抛出的都会短路所有的。然后（）s并直接跳到最后的。catch（）。

为了让它像您描述的那样工作，您需要显式地检查获取（…）中的错误HTTP响应状态。然后（…）和抛出（如果遇到），因为HTTP错误响应不会触发.catch（）。（NetworkErrors或类似的运行时异常将触发.catch（））类似于：

fetch('https://example.com').then(response => {
  if (!response.ok) { // See https://fetch.spec.whatwg.org/#ok-status
    throw new Error('Invalid HTTP response: ' + response.status);
  }
  // Otherwise, do something with the valid response.
})

Answer 2

与其立即将队列中的每个请求转换为promise，为什么不在需要时从队列中弹出条目呢？

var workQueue = [work, goes, here];
var currentItem = workQueue.shift();
return performWorkWith(currentItem)
         .then(handleResponseWithQueue(workQueue));

function handleResponseWithQueue(queue) {
  return function handleResponse(response) {
      if (response.ok && queue.length > 0)
        return performWorkWith(queue.shift()).then(handleResponseWithQueue(queue));
  };
}

您可以将此模式概括为（简化）：

function series(work, queue) {
  if (queue.length <= 0) return;
  work(queue.shift()).then(function() {
    if (queue.length > 0) return series(work, queue);
  });
}