18910140161

JavaScript-如何延迟3个Ajax调用中的一个?-堆栈溢出

顺晟科技

2022-10-18 13:55:17

158

我需要这些Ajax表单的帮助。我需要最小的一个在其他人之后被执行,我想推迟它。

我尝试使用setTimeout(),但它似乎对我不起作用。

我之所以需要它,是因为带有overalleff.PHP的较小的Ajax正在根据其他两个Ajax请求进行计算。

// THIS IS THE AJAX FOR THAT I WANT TO DELAY
// THIS AJAX NEED TO BE EXECUTED AFTER OTHERS
function pbutton() {
  $.ajax({
    url: "overalleff.php",
    success: function(data) {
      setTimeout(function() {
        $data
      }, 2000);
    }
  });
}

var barray = [];

function cbutton() {
  $('input:radio[name="cheking"]:checked').val();
  var varies = $("#fromdate").val();
  var varies2 = $("#todate").val();
  if (varies == "" || varies2 == "") {
    alert("Please fill in all 2 fields first and then submit again");
  } else {
    barray.push(varies + "~" + varies2);
    $.ajax({
      type: "POST",
      url: "pickingeff.php",
      data: {
        fromdate: varies,
        todate: varies2
      }
    }).done(function(msg) {});
  }
}

var sarray = [];

function abutton() {
  var varies3 = $("#fromdate").val();
  var varies4 = $("#todate").val();
  if (varies3 == "" || varies4 == "") {
    alert("Please fill in all 2 fields first and then submit again");
  } else {
    sarray.push(varies3 + "~" + varies4);
    $('#loadingmessage').show();
    $.ajax({
      type: "POST",
      url: "packingeff.php",
      data: {
        fromdate: varies3,
        todate: varies4
      }
    }).done(function(msg) {
      $('#loadingmessage').hide();
    });
  }
}

顺晟科技:

因为$.ajax返回一个Promise,所以可以使用promise.all,它在所有其他promise结束后运行一个函数。

function makeThreeAjaxCalls() {
    let p1 = $.ajax("url1");
    let p2 = $.ajax("url2");
    p1.then(callback1)
    p2.then(callback2)
    Promise.all([p1,p2]).then(function() {
        $.ajax("url3").then(callback3);
    });
}
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航