从 jQuery GET 请求获取变量

Question

我需要从 GET 请求内部获取一个变量并在函数内部使用它。它不起作用。这是我的代码：

function chooseChosenOne() {

         $.get("generate.php", function(data) {
           var chosenOne = targetLocation[data.randomNumber];
         }, "json");

         alert(chosenOne);

       }

我该如何解决这个问题？如何在 GET 请求中的该函数之外使用变量“chosenOne”？

Answer 1

您必须使用 jQuery 插件 getURLParam

value = $.getURLParam("paramName");

Answer 2

“chosenOne”仅存在于您的回调函数中，并且您的代码将在回调运行之前触发alert()...

function chooseChosenOne() {           
     $.get("generate.php", function(data) {            
                doSomethingWithChosenOne(targetLocation[data.randomNumber]);
               }, "json");
} 

function doSomethingWithChosenOne(v){
   alert(v);
}

Answer 3

当您调用 alert(chosenOne); 时，Ajax 回调尚未执行。 Ajax 是异步的。函数chooseChosenOne不会等到Ajax调用完成，它会立即返回。

您只能在回调中处理返回值：

function chooseChosenOne() {
     $.get("generate.php", function(data) {
         var chosenOne = targetLocation[data.randomNumber];
         alert(chosenOne); 
     }, "json");
}

因此您要做的就是让您的函数接受回调，一旦该值可用，该回调就会被调用：

function chooseChosenOne(callback) {
     $.get("generate.php", function(data) {
         callback(targetLocation[data.randomNumber]);
     }, "json");
}

chooseChosenOne(function(theOne) {
   // now do stuff with theOne here
});

另请参阅：

• jQuery：ajax调用成功后返回数据
• 我要说的关于如何从 Ajax 调用返回数据.