javascript - 从javascript中的嵌套函数返回

Question

我正在尝试创建一个使用 jquery 的 ajaxfunction 从我的 ajax.php 文件中获取一些信息的函数。

代码：

function ajaxIt(dataLine){
    $.ajax({
        type: "POST",
        url: "ajax.php",
        data: "ajax=true&"+dataLine,
        success: function(msg){
            console.log("[AjaxIt]: "+dataLine+" returned "+msg);
            return msg;
        }
    });
 }
 if(ajaxIt("action=loggedIn")=="1"){
       console.log("Logged In");
       loggedIn=true;
       initiate2();
 }

问题是我无法让success函数一路返回到ajaxIt函数。任何人都可以阐明我如何做这样的事情吗？

谢谢。

Answer 1

您需要调用一个callback函数以这种方式处理数据：

function ajaxIt(dataLine, cb){
    $.ajax({
        type: "POST",
        url: "ajax.php",
        data: "ajax=true&"+dataLine,
        success: function(msg){                
            if($.isFunction(cb))
               cb.apply(null, [msg]);
        }
    });
}

ajaxIt("action=loggedIn", function(data){
      if(data === "1"){
         console.log("Logged In");
         loggedIn=true;
         initiate2();
      }
});

Answer 2

$.ajax是异步的。这意味着它将立即返回，而不是等待 AJAX 查询执行并从服务器检索结果。当来自服务器的消息到达时，您的ajaxIt函数已经完成工作。

你应该在这里使用的是一种延续传递风格。提供ajaxIt一个continuationajaxIt ：一个解释一旦完成工作应该做什么的功能。

function ajaxIt(data, continuation) {
  data.ajax = true;
  $.post("ajax;php", data, function(msg) {
    console.log("[AjaxIt]: returned "+msg);
    continuation(msg);
  }); 
}

ajaxIt({action:"logged-in"}, function(result) {
  if (result == "1") {
    console.log("Logged In");
    loggedIn=true;
    initiate2();
  }
});