如何将AJAX检索的值返回给JavaScript中当前函数的父函数？

我有以下JavaScript（和jQuery）代码：

function checkEmail(email) { if (email.length) { $.getJSON('ajax/validate', {email: email}, function(data){ if (data == false) { // stuff } return data; }) } } 

我希望匿名函数将return data到父函数checkEmail() 。 我尝试过这样的事情：

 function checkEmail(email) { if (email.length) { var ret = null; $.getJSON('ajax/validate', {email: email}, function(data){ if (data == false) { // stuff } ret = data; }) return ret; } } 

但是当然这不起作用，因为$.getJSON()调用是异步的，所以它会在GET请求完成之前return ret 。

这有什么想法？

谢谢！

Answer 1

通常，处理此类问题的最佳方法是使用某种forms的回调函数。 实际上，它确实是唯一可行的解​​决方案 – 唯一的另一个选择是编写自己的浏览器扩展，这有点多（除非你真的喜欢用头撞墙）。 这些板上实际上有很多平行问题：你可能会尝试搜索一些，很多都非常好。

修改你的代码：

 function checkEmail(email) { /* original parts of the function here! */ if (email.length) { $.getJSON('ajax/validate', {email: email}, function(data){ if (data == false) { // stuff } checkEmailResponse( data ); }) } } function checkEmailResponse( data ) { // do something with the data. } 

Answer 2

您还应该使用回调，因为调用是异步的，因此围绕该想法设计整个JavaScript源（正如其他人指出的那样）。

如果你真的需要将它作为返回值，你需要关闭异步调用，但根本不建议这样做，因为它会阻止页面直到响应存在。

 function checkEmail(email, callback) { if (email.length) return $.ajax({ data: {email: email}, url: 'ajax/validate', async: false }).responseText; // only the raw response text of the XMLHttpRequest } } 

Answer 3

你可以拥有父function块，直到那里有东西。 为了降低CPU密集度，您可以使用somekind的超时。

 function checkEmail(email) { if (email.length) { var ret = null; $.getJSON('ajax/validate', {email: email}, function(data){ if (data == false) { // stuff } ret = data; }) while(ret == null){ } return ret; } 

}

希望这可以帮助。

Answer 4

您只需要改变解决问题的方式。 你知道你上面所拥有的东西是行不通的，所以你无法用“调用函数并根据其返回值运算”来思考。

您需要切换到类似toby的CPS建议，或者根据触发此function的内容，使用自定义事件处理它。