如何将 ajax 请求中的数据传递给全局变量？

Question

好的。我完全感到困惑。代码如下：

$(document).ready(function(){
var newToken = 1;

$.get("junk.php",
    function(newToken) {
        alert(newToken); // alerts "junk"
    });
alert(newToken); // alerts "1"
});

根据我的 cmets，newToken 的第一个警报是“垃圾”（junk.php 的唯一输出）。一旦在 .get 之外，newToken 将恢复为“1”。我需要将此变量设置为 junk.php 的输出。这不可能吗？我什么都试过了，到处找。

谢谢。

Answer 1

您正在使用用作参数的新 newToken 变量来隐藏第一个 newToken 变量：

问题：

$(document).ready(function(){
var newToken = 1; // <== newToken number 1

$.get("junk.php",
    function(newToken) { // <== This is newToken number 2.
                         //     since it's the first argument
                         //     in the get success function it will
                         //     be the data returned.

        alert(newToken); // <== Alerts the data returned. newToken number 1 is 
                         // shadowed, obscured, covered up...
    });
alert(newToken);
});

解决方法...使用不同的名称，甚至是 arguments 数组：

解决办法：

$(document).ready(function(){
var newToken = 1;

$.get("junk.php",
    function() {  // <== don't shade newToken
                  //     you could use another variable name like "data"
                  //     but I decided to use the arguments array for kicks

        alert("Data is: " + arguments[0] + // <== junk
              "\nNew Token is: " + newToken); // <== 1
    });
alert(newToken); // alerts "1"
});

Info on $.get()

请注意，如果您在 get 回调中更新 newToken，由于调用的异步性质，事情可能会变得很棘手。基本上，请注意，您在$.get() 的回调中编写的所有内容仅在请求完成时（稍后）才会执行，但$.get() 之后但在文档准备好的所有内容将立即执行，并且 get 回调将可以访问变量的状态，就像 doc ready 函数返回时一样......基本上，您可以给 newToken 一个初始值，然后在 get 回调中使用它，但其他任何事情都可能导致您不例外的结果。

一些例子：

$(document).ready(function(){
    var newToken = 1;

    $.get("junk.php",
        function() {
            newToken++;
            alert(newToken); // alerts 2, so far so good.
        });
    });

---

$(document).ready(function(){
    var newToken = 1;

    $.get("junk.php",
        function() {
            newToken++;
            alert("get: " + newToken); // alerts 3 - this is the last alert
        });

    newToken++;
    alert("ready:" + newToken); // alerts 2 - 
                                // this happens before the server responds
});

jsFiddle example

Answer 2

$(document).ready(function(){
    var newToken = 1;

    $.get("junk.php",
        function(data) {
            alert(newToken); 
        });
    alert(newToken); // alerts "1"
});

Answer 3

首先，您对newToken 的定义位于传递给$(document).ready() 的匿名函数的上下文中，因此它根本不是全局的。不过，我不认为这是真正的问题......

更严重的是：对$.get 的调用是异步的，因此控制权会立即传递给您的alert(newToken) 语句，而无需等待http 请求完成或其回调运行。因此，任何依赖于在该调用中检索到的数据的代码都应该在其回调中运行。

Answer 4

我找到了答案 - 在 jQuery 网站上的所有地方（惊喜、惊喜），都埋在评论中。

newToken = $.ajax({ type: "GET", url: "junk.php", async: false }).responseText;

这解决了问题——因为它是异步的，需要设置为 false。这不能使用 jQuery.get() 来完成，但必须是 jquery.ajax，其中可以设置 async:false。

使用这种格式的请求，newToken 可以在整个脚本中使用。希望这最终会帮助其他人。