从其中具有ajax调用的函数获取json值

Question

我正在尝试从具有ajax调用的函数中获取json值。

这是我的功能：

function getVariables(){

     $.ajax({
      type: "post",
      url: "db/functions.php",
      data: "func=getvars,
      dataType: "json",
      success: function(response)
      {        
        return { 
          'var1': response.var1,
          'var2': response.var2
        };
      }
    });     
}

我正在尝试在我的JavaScript中使用它来获取var1 var firstvar = getVariables（）。var1;

当我在getVariables函数中设置警报时，它返回var1和var2，已经将其签出。 因此，唯一无法正常工作的部分是：var firstvar = getVariables（）。var1;

Answer 1

这有两个问题：

默认情况下，Ajax调用是异步的。 这意味着，直到getVariables返回后的getVariables时间，才会调用成功函数。 您需要更改ajax调用的设置，以使其同步。

您的第二个问题是，值是从成功函数返回的，但不会从getVariables函数返回它们。 您需要从函数范围返回变量。

以下是相同的函数，但async选项设置为false，并且从函数的范围返回值。

function getVariables(){
     var rv = undefined;
     $.ajax({
      async : false,
      type: "post",
      url: "db/functions.php",
      data: "func=getvars",
      dataType: "json",
      success: function(response)
      {        
        rv = { 
          'var1': response.var1,
          'var2': response.var2
        };
      }
    });     
    return rv;
}

Answer 2

您的匿名成功函数返回var1和var2 （无处返回），但是getVariables不会返回它们。 实际上不能，因为它已经在异步JSON调用完成之前退出。 即使它是同步的，您仍然不会返回匿名“子功能”的返回值。

编辑：您可以做这样的事情：

function getVariables(){

    var response = $.ajax({
      type: "post",
      url: "db/functions.php",
      data: "func=getvars,
      dataType: "json",
      async: false
    });
    return {'var1': response.var1,
            'var2': response.var2}  
}

看看return语句现在在getVariables ，而不是在INSIDE getVariables函数中吗？ 因此，现在getVariables将返回值。

尽管请谨慎使用async：false，但它可以锁定浏览器。

Answer 3

那是行不通的。 AJAX调用是异步的，需要先等待http请求完成，然后才能使用它的返回值。

您可以使AJAX调用同步，但这可能会引入不必要的延迟。 通常，更好的选择是直接在回调“成功”函数中使用变量。