16

我遇到了 $.get 函数的问题。url 包含 JSON

我的代码：

 xyz = null

    $.get('http://www.someurl.com/123=json', function(data) {
       var xyz = data.positions[0].latitude;
    });

alert(xyz);
//some more code using xyz variable

我知道这xyz会提醒 null 结果，因为它$.get是异步的。

那么有什么办法可以在xyz外部使用这个get函数吗？

4

3 回答 3

23

get是捷径。您可以使用以下方法执行相同但同步的操作：

var xyz = null


$.ajax({ url: 'http://www.someurl.com/123=json', 
         async: false,
         dataType: 'json',
         success: function(data) {
              xyz = data.positions[0].latitude;
            }
        });


alert(xyz);

不过，您必须xyz在 ajax 调用之前声明变量。

于 2012-06-10T22:40:33.007 回答
7

真正的答案是NO，但你可以使用这个：

function useXYZ(){
    alert(xyz);
}

xyz = null        

$.get('http://www.someurl.com/123=json', function(data) {
   xyz = data.positions[0].latitude;
   useXYZ();
});
于 2012-06-10T22:40:22.970 回答
4

这是 Javascript 的常见问题。Javascript 代码必须以连续传递风格编写。它很烦人，但它是你可以转换而不用想太多的东西。

基本上，每当我们有类似的东西时

var x = someSyncFunction(a, b, c);
//do something with x
console.log(x);

我们可以将其转换为异步代码，方法是将函数返回后的所有代码变成一个延续函数，并将 x 从一个变量变成延续回调的参数。

someAsyncFunction(a, b, c, function(x){
    //do something with x;
    console.log(x);
});

您必须注意它很容易编写令人困惑的代码。要记住的一个好技巧是你可以让你自己的函数也接收回调。这允许它们被不同的函数使用（就像返回值的普通同步辅助函数可以被不同的函数使用）

var getXyz = function(onResult){ //async functions that return do so via callbacks
                                 //you can also another callback for errors (kind of analogous to throw)
    $.get('http://www.someurl.com/123=json', function(data) {
       var xyz = data.positions[0].latitude;
        onResult(xyz); //instead of writing "return xyz", we pass x to the callback explicitely.
    });
};

getXyz(function(xyz){ //this would look like "var xyz = getXyz();" if it were sync code instead.
    console.log('got xyz');
});

这里的技巧是将函数中的所有返回语句更改为对回调函数的调用。认为好像异步函数从未返回，并且将值返回给某人的唯一方法是将该值传递给回调。

您可能会问为什么没有更简单的方法来完成所有这些工作。好吧，没有，除非您使用另一种语言而不是 Javascript（或者至少可以让您以同步风格编写异步代码但自动编译为常规 Javascript 的语言）

于 2012-06-10T22:53:37.890 回答