如何从 jQuery.when() 获得一致的参数，无论是单个 Deferred 传递给它还是多个

大佬教程收集整理的这篇文章主要介绍了如何从 jQuery.when() 获得一致的参数，无论是单个 Deferred 传递给它还是多个，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何从 jQuery.when() 获得一致的参数，无论是单个 Deferred 传递给它还是多个？

我正在使用 jquery.when() 对 JsON API 进行分页调用。我不知道分页会进行多少次调用，但我需要将结果连接到一个数组中。我遇到的问题是 jquery.when() 的行为取决于是单个延迟/承诺参数被传递，还是多个参数被传递。根据{{​​3}}：

• 如果将单个 Deferred 传递给 jquery.when()，则其 Promise 对象 （Deferred 方法的一个子集）由方法返回。
• 在 将多个 Deferred 对象传递给 jquery.when() 的情况下， 方法从一个新的“主”延迟对象返回承诺 跟踪它已通过的所有 Deferred 的聚合状态。

这是带有多个参数的示例：

var url = 'https://Jsonplaceholder.typicode.com/todos';
var requests = [$.AJAX(url),$.AJAX(url)];

$.when.apply($,requests).then(function(a,b,C) {
  console.log('a',a);
  console.log('b',b);
  console.log('c',c);
}); 

<script src="https://cdnjs.cloudFlare.com/AJAX/libs/jquery/3.3.1/jquery.min.Js"></script>

注意，在这种情况下，回调中的参数是：

• a：包含 3 个项目的数组（JsON 响应、字符串 'success'、jquery 对象）
• b：包含 3 个项目的数组（JsON 响应、字符串 'success'、jquery 对象）
• c：未定义

如果我将第三个请求传递给 when()，那么 c 将是其结果。无论我添加多少，它都会表现一致。

现在看看当我只将一个请求传递给 when() 方法时会发生什么：

var url = 'https://Jsonplaceholder.typicode.com/todos';
var requests = [$.AJAX(url)]; // NOTE ONLY ONE

$.when.apply($,c);
}); 

<script src="https://cdnjs.cloudFlare.com/AJAX/libs/jquery/3.3.1/jquery.min.Js"></script>

在这种情况下，回调的参数不遵循与上述相同的模式。现在他们是：

• a：JsON 响应
• b: 字符串'成功'
• c: jquery 对象

有没有一种干净的方法可以做到这一点，无论我传递给 when() 多少个参数，我都能获得一致的行为？

我能想到的一种获得一致行为的笨拙方法是将额外的虚拟数组传递给 when，以便它始终以多种方式运行，如下所示：

var url = 'https://Jsonplaceholder.typicode.com/todos';
var requests = [[[]],$.AJAX(url)]; // Note first argument
  
$.when.apply($,c);
}); 

只是想知道是否有更清洁的方法。

解决方法

var url = 'https://jsonplaceholder.typicode.com/todos';
var requests = [$.ajax(url)]; // NOTE ONLY ONE

Promise.all(requests).then(([a]) => {
  console.log('a',a);
});
// .catch(handleErrors);

<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

大佬总结

以上是大佬教程为你收集整理的如何从 jQuery.when() 获得一致的参数，无论是单个 Deferred 传递给它还是多个全部内容，希望文章能够帮你解决如何从 jQuery.when() 获得一致的参数，无论是单个 Deferred 传递给它还是多个所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。