将条件应用于 jQuery.when() 延迟函数

Question

我想对 $.when() 函数中的每个延迟请求应用一个条件（在发出请求之前）。但是，在 $.when returns 中放置 if 条件会出错。

完成我在下面描述的内容的正确方法是什么？

$.when(
  if(var1) {
    $.getJSON(url1, function(data) {...}),
  },
  if(var2) {
    $.getJSON(url2, function(data) {...}),
  },
  if(varN) {
    $.getJSON(urlN, function(data) {...}),
  },
).then(function() {
  ...
});

Answer 1

您可以简单地构造一个 AJAX 承诺数组。之后，使用$.when.apply($, <yourArray>)。为了说明解决方案，这里是一个基于您提供的代码的示例：

// Construct array to store requests
var requests = [];

// Conditionally push your deferred objets into the array
if(var1) requests.push($.getJSON(url1, function(data) {...}));
if(var2) requests.push($.getJSON(url2, function(data) {...}));
if(var3) requests.push($.getJSON(url3, function(data) {...}));

// Apply array to $.when()
$.when.apply($, requests).then(function() {
  // Things to do when all is done
});

考虑到这一点，这里是一个显示概念验证示例的代码片段：我正在使用 JSONPlaceholder 返回的虚拟 JSON:

$(function() {
  // Construct array to store requests
  var requests = [];
  
  // Conditional vars
  var var1 = true,
      var2 = false,
      var3 = true;

  // Conditionally push your deferred objets into the array
  if (var1) requests.push($.get('https://jsonplaceholder.typicode.com/posts/1', function(data) {  return data;
  }));
  if (var2) requests.push($.get('https://jsonplaceholder.typicode.com/posts/2', function(data) {  return data;
  }));
  if (var3) requests.push($.get('https://jsonplaceholder.typicode.com/posts/3', function(data) {  return data;
  }));

  // Apply array to $.when()
  $.when.apply($, requests).then(function(d) {
  
    // Log returned data
    var objects = arguments;
    console.log(objects);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

您可以在 $when() 中使用三元运算符。以下代码对我有用：

var includeX = true, includeY = false;
var x = $.get('check.html');
var y = $('div').animate({height: '200px'}, 3000).promise(); // you may use an ajax request also here
$.when(includeX ? x : '',  includeY ? y: '').done(function(){
    console.log(x);
    console.log(y);
    console.log('done');
})

将条件应用于 jQuery.when() 延迟函数

Applying condition to jQuery.when() deferred functions

javascript

jquery

promise

.when