定期发送多个AJAX邮政请求，直到其中任何一个通过

Question

我正在为网站编写一个测试程序，大多数时候该网站给出了504个错误。 我想编写一个可以将AJAX请求发送到服务器并用服务器响应HTML替换页面的程序。 请求的过程类似于：

1. 如果任何一个得到200个响应，则一次发送20个请求，然后取消 所有其他请求
2. 在10秒后重复步骤1，直到任何请求得到有效响应。

目前，我正在拨打20个Ajax电话，并等待其中任何一个使用Promise.any（）完成。 我面临的问题是，我如何管理一个promise.any（），因为我需要跟踪以前的批次，就像第二批次电话之一完成一样，我需要取消所有第一个批次调用并剩下第二批次，并剩下第二个电话。批次电话。 希望你明白我想要的。 这是我到目前为止所做的代码

var reqs = [];
async function post_page(url, i){

    var formElement = document.getElementById('form1');
    var data = new URLSearchParams(new FormData(formElement));
    data.append('continue', 'Continue');

    let controller = new AbortController();
    var req = fetch(url, {
        method: 'post',
        body: data,
    }
     ).then(response => {
      if (!response.ok) {
            return Promise.reject('not ok');
        }
      return (response, i);
  });
    reqs.push(controller);
};

var load_page = function(url){
    var promises = [];

    for(var i = 0 ; i < 10; i++){
        promises.push(post_page(url, i));
    };

     Promise.any(promises).then((value, index) => {
         reqs.splice(index,1);
         $.each(reqs, function(id, req){req.abort();})
        loadPageHtml(value);
    })
};