javascript - Jquery 延迟未按预期运行

Question

我进行了 2 个 ajax 调用。仅当第一个完成时才应调用第二个:

var deferred = $.Deferred();

firstAjaxCall();

deferred.done(function () {
   secondAjaxCall();
});

function firstAjaxCall() {
  $.ajax({
    url: '/SomeUrl',
    type: 'POST',
    success: function () {
        deferred.resolve();
    }
  });
}

function secondAjaxCall() {
    $.ajax({
      url: '/SomeOtherUrl',
      type: 'Get',
    });
}

我也尝试过这样( jQuery deferreds )

$.when(firstAjaxCall()).done(function() {
    secondAjaxCall();
});

但没有运气。

尽管如此，在第一个示例中，有时第二个调用会先被调用，有时则不会

在第一个示例中，流程如下:

firstAjaxCall();
secondAjaxCall();
deferred.resolve();

为什么第二个调用首先被调用并且在 deferred.resolve() 之前调用？

Answer 1

您必须实际将 Deferred 从 $.ajax 返回到 $.when 才能正常工作

function firstAjaxCall() {
    return $.ajax({
        url  : '/SomeUrl',
        type : 'POST'
    });
}

function secondAjaxCall(data_from_first) {
    return $.ajax({
        url  : '/SomeOtherUrl',
        type : 'Get',
    });
}

firstAjaxCall().done(secondAjaxCall);