$.when() 不等待 ajax 响应

Question

我有一个问题，如果我调用包含 Ajax 调用的函数并返回这些调用的结果，调用者总是在 Ajax 调用返回之前收到一个空返回值。

小提琴示例：ajax null return value example

var returnVal;

$.when(fun()).done(function(a1)
{
   console.log("finished ajax");
   returnVal = a1;
});

alert(returnVal);

function fun() {
    $.ajax({//this ajax call should return an ip
        url: 'http://ip.jsontest.com/',
        data: "",
        dataType: 'json',
        success: function (data) {
            console.log("fun(id) ajax success");
            return data;
        }
    });
}

Answer 1

你必须返回$.ajax给出的deferred：

function fun() {
    return $.ajax({//this ajax call should return an ip

来自the documentation 解释为什么你的回调被执行：

如果单个参数被传递给 jQuery.when() 并且它不是 Deferred 或 Promise，将被视为已解决的 Deferred 和 任何附加的 doneCallbacks 都会立即执行

您的代码中还有另一个问题：您在异步调用完成之前发出警报。您应该在回调中移动alert。

没有理由有一个成功函数，你在你的done回调中处理结果。

你不能真正alert 一个对象并获得有意义的东西。您应该使用alert(JSON.stringify(returnVal)) 或使用console.log （反正不那么痛苦，按F12 显示控制台）。

$.when(fun()).done(function(a1){
    console.log("finished ajax");
    var returnVal = a1;
    console.log(returnVal);
});


function fun() {
    return $.ajax({//this ajax call should return an ip
        url: 'http://ip.jsontest.com/',
        data: "",
        dataType: 'json'
    });
}