正确的方法以相同的完成功能运行多个相似的ajax调用，但输入数据有所不同

Question

因此，我尝试将多个ajax请求发送到几乎相同的json的相同位置，但是每次都会发送不同的数据。

这是到目前为止，我将每个ajax请求添加到一个数组，然后尝试在该数组上运行$ .when，但没有任何反应。 我发誓我以前已经看过了，这就像完成的过程一样。 只是想知道运行这样的多个ajax调用的正确方法是什么。 它们彼此不依赖，但是对结果json进行了操纵，并对每个请求使用相同的方式。

这是我的代码：

var requests=[]
$('.element').not('.w').each(function(){
        requests.push($.ajax({url:'https://api.url.com', data:{'q':$(this).children('.supportingText').text(), 'token':''}, dataType:'jsonp', method:'GET'}));
    });
$.when(requests).done(function(response){
    //check if element in response object is something and then add to array and edit the .element that is currently on.
}

Answer 1

与真实的承诺不同，jQuery的承诺有些不同。 $.when在参数中不接受承诺的数组时，它需要多个参数

使用Function#apply您可以使用数组来“填充”参数

同样， .done每个输入参数只有一个参数被调用

您的代码可以重写：

$.when.apply($, requests).done(function(){
    var response = [].slice.call(arguments);
    // response is an array of responses
})

或ES2016 +价差运算符（如果您另外认为，则...实际上是代码的一部分）

$.when(...requests).done(function(...response){
    // response is an array of responses
})

Answer 2

您可以使用Promise.all ：

Promise.all(requests).then((responses) => {
  return responses.map((response) => {
    // check if element in response object is something and then add to array and edit the .element that is currently on.
  });
});