同步等待$ .ajax调用

Question

我需要一个超链接来执行Ajax调用，并且在完成该操作后，对该超链接执行标准操作。

<a href="afterwards.html" target="_blank" onclick="return CallFirst();">Link</a>

javascript函数调用$.ajax() ，等待成功或失败，然后返回true。

function CallFirst()
{
    $deferred = $.ajax({
                    type: "POST",
                    url: url,
                    data: data
                });

    // **todo** WAIT until the Ajax call has responded.

    // Return true, which makes the <a> tag do it's standard action
    return true;
}

代码必须等待$.ajax成功，然后从CallFirst()返回true。

$deferred.when()立即终止。 如何使其等待？

Answer 1

只需将async属性设置为false

$deferred = $.ajax({
                type: "POST",
                url: url,
                data: data,
                async: false
            });

但是使用回调确实是一个更好的主意。

Answer 2

您可以将async设置为false，但更好的做法是使用回调：

.done(function( success) {
    if (success) {
      doSomeThingElseNow();
    }
  });

Answer 3

使用来自jquery的内置ajax回调。

$.ajax({
    url: '/path/to/file',
    type: 'default GET (Other values: POST)',
    dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
    data: {param1: 'value1'},
})
.done(function() {
    console.log("success");
})
.fail(function() {
    console.log("error");
})
.always(function() {
    console.log("complete");
});