jQuery.get（）变量范围

Question

我正在使用jQuery的Ajax，但就我而言，我需要将响应存储在全局变量中：

var points = Array()
$.get("/data", {"id": 1}, function(data) {
    for (var i=0; i < data.length; i++) {
        points[data[i].someid] = data[i];
    }
alert(points[22].someid.toString()); // it works fine
});

alert(points[22].someid.toString()); // undefined

但是，当我尝试访问$ .get（）范围之外的变量点时，只会得到一个未定义的对象。 但是我在$ .get（）中得到了正确的对象。

在这种情况下，管理上下文和范围的最佳方法/标准是什么？

Answer 1

您的范围很好，但是$.get()异步运行。 它启动呼叫，然后立即执行第二个警报。 $.get()完成后，它将执行function(data){} 。 无论您要使用什么，都需要在其中进行操作。 如果所有这些都结束后转到Firebug控制台，则应该发现alert(points[22].someid.toString())符合您的期望。

---

您可以禁用代码中的元素以阻止进一步的用户操作：

var points = Array();

// prevent further user action
$('#actionButton').attr('disabled', true);
// optionally show a loading.gif to let them know the browser is busy

$.get("/data", {"id": 1}, function(data) {
    for (var i=0; i < data.length; i++) {
        points[data[i].someid] = data[i];
    }
    alert(points[22].someid.toString()); // it works fine

    // process points data

    // hide loading.gif
    // re-enable user action
    $('#actionButton').removeAttr('disabled');
});