JQuery 未定义响应

Question

我认为这非常简单并且记录过多，但我已经连续几个小时在这上面，但我就是不明白！我想要做的就是返回 $.getJSON 查询的结果。如果我将它附加到 div 等，它工作得很好，但如果我尝试获取结果，我可以在回调函数中提醒它，但不能在其他地方提醒它。我认为我的代码将显示我想要做的事情：

var thumb = 
              $.getJSON('http://localhost/mapScripts/getThumbs.php?thumbnails=?',
function(data) { 
alert(data); //shows the result perfect!
var thumb = data; 
return thumb;

});

alert(thumb); //undefined

提前抱歉，如果这看起来是一个愚蠢的问题，但我一直无法得到它:(

非常感谢您的时间，

elshae

编辑 梅德和大卫都给了我很好的答案。我想将两者都标记为我的答案，但似乎我只能选择一个：-/。遇到此问题的任何人，请查看这两个答案：）

Answer 1

Ajax 是异步的。无需依赖 thumb，只需在回调中调用函数并执行相同的功能即可。

var thumb = data;
anotherFunction( thumb );

否则，如果坚持使用此结构，请指定 async:false，尽管这会破坏 Ajax 的全部优势。

Answer 2

您已经进行了几次不同的尝试来获取此处的数据，但由于不同的原因，它们都失败了。我稍后会解释原因，首先是解决方案：

无论您对数据做什么都必须在回调函数中完成。

现在，为什么您的尝试不起作用：

您可以' t 从 Ajax 请求返回数据。

Ajax（通常）通过创建 XHR 对象、为“请求返回时”设置事件处理程序，然后发送 HTTP 请求来工作。

您无法从中返回数据，其原因与您无法从中返回事件对象的原因相同：

var not_the_event = jQuery('foo').click(function (event) { return event; });

您无法从函数内部设置名为 thumb 并在函数外部定义的变量的值使用 var 关键字定义 thumb 的函数。 var 关键字创建作用域为函数的变量的新实例。

如果您将 var 从回调函数中取出，它仍然无法工作，因为您会遇到计时问题。

如果您有：

var not_the_event;
jQuery('foo').click(function (event) { not_the_event = event; });
alert(not_the_event);

那么您将收到 undefined 警报，因为调用 alert 时尚未发生点击，因此事件处理尚未设置该变量功能。

使用 Ajax，到达警报时 HTTP 请求尚未得到答复，因此它也是未定义的。

这让我们回到：无论你对数据做什么，都必须在回调函数中完成。

回调函数的要点是当数据准备好时调用它。因此，无论您对数据做什么，都可以完成。

Answer 3

您在本地定义了它，如果您希望它在全局范围内工作，请在全局范围内定义它：

var thumb = {};
$.getJSON('http://localhost/mapScripts/getThumbs.php?thumbnails=?',
function(data) { 
alert(data); //shows the result perfect!
thumb = data; 

});

alert(thumb);

尽管正如其他人所发布的那样，最好将回调传递给另一个函数，因为依赖全局变量是一种不好的做法。并且警报会在 ajax 完成之前触发。

Answer 4

首先，不要在内部作用域中定义第二个同名变量:)

关于您的问题，请在调用“$.getJSON”之前添加以下行：

$.ajaxSetup({ async: false });