如何成功返回ajax结果？ [复制]

Question

即使这个问题已经得到解答，并且我已经解决了其中的一些问题，但我仍然找不到我做错了什么。

基本上我有一个返回ajax成功结果的函数：

var Functioncalling = function(id){
var Infotoreturn=null;
formdata = {
    'id': id
};

$.ajax({
    type: 'POST', 
    url: 'http://localhost:20012/pr/servlet', 
    data: formdata,
    contentType: "text/html",
    success: function(result){
       console.log("1="+result);
       Infotoreturn = result;
    }
});
console.log("2="+Infotoreturn);
return Infotoreturn;
}

调用函数：

var idreturned = Functioncalling(idvalue);
console.log("3="+idreturned);

现在，在我的第一个控制台输出中，我得到的数据完全符合我的设想。但是第二个和第三个输出都是空的。

Answer 1

除了@Utkanos 所说的，你最后的 return 声明还为时过早。

变量Infotoreturn 将为null，因为Ajax 调用是异步执行的，即并行执行。主函数将在其操作完成之前返回。控制台会记录结果，但对于变量来说为时已晚。

有效，而且Ajax调用在后台延迟，所以return语句还是原来的值。

您可以使用更高级的功能，例如 Promise 和延迟对象，也可以将下一步编写为回调。

这里是一个使用回调的例子：

var Functioncalling = function(id,callback) {
    var Infotoreturn=null;
    formdata = {
        'id': id
    };

    $.ajax({
        //  existing code
        success: function(result){
           console.log("1="+result);
            //  Modification
           callback(result);
        }
    });
    //  nothing to report yet
}
function where_I_need_the_result(result) {
    console.log('I got: '+result);
}

Functioncalling(id,where_I_need_the_result);