从具有 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 调用是异步的，需要等待 http 请求完成才能使用它的返回值。

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

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 调用是异步的。这意味着直到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;
}