我有类似这样的东西，它是对一个脚本的简单调用，返回一个字符串值。
function testAjax() {
$.ajax({
url: "getvalue.php",
success: function(data) {
return data;
}
});
}
但是如果我像这样调用某个东西
var output = testAjax(svar); // output will be undefined...
那我怎么返回这个值呢？ 下面的代码似乎也不起作用...
function testAjax() {
$.ajax({
url: "getvalue.php",
success: function(data) {
}
});
return data;
}
注意：此答案是在2010年2月编写的。
请参见底部2015、2016和2017年的更新。
您无法从异步函数中返回任何内容。您可以返回一个promise。我在回答以下问题时解释了jQuery中的promises工作原理：
如果您能解释为什么您想要返回数据以及稍后想要使用它做什么，那么我可能能够给您提供更具体的答案。
通常情况下，不是：
function testAjax() {
$.ajax({
url: "getvalue.php",
success: function(data) {
return data;
}
});
}
function testAjax() {
return $.ajax({
url: "getvalue.php"
});
}
var promise = testAjax();
你可以存储你的承诺，你可以传递它，你可以在函数调用中使用它作为参数，并且你可以从函数中返回它，但是当你最终想要使用由AJAX调用返回的数据时，你必须这样做：
promise.success(function (data) {
alert(data);
});
我上面的示例中的函数：
function testAjax() {
return $.ajax({
url: "getvalue.php"
});
}
返回一个jqXHR对象，它是一个jQuery Deferred Object。
要使其返回一个真正的promise，您可以将其更改为 - 使用Q Wiki中的方法：
function testAjax() {
return Q($.ajax({
url: "getvalue.php"
}));
}
或者，使用HTML5 Rocks文章中的方法：
function testAjax() {
return Promise.resolve($.ajax({
url: "getvalue.php"
}));
}
Promise.resolve($.ajax(...)) 也是在 promise模块文档中解释 的，它应该可以与ES6的 Promise.resolve()一起使用。polyfill()。从3.x版本开始（截至2015年5月，当前稳定版本为1.x和2.x），jQuery的未来版本将与Promises/A+规范兼容（感谢Benjamin Gruenbaum在评论中指出）。“我们已经决定了两个变化，即Deferred实现的Promise/A+兼容性[...]”（jQuery 3.0和Web开发的未来）。更多信息请参见：Dave Methvin的jQuery 3.0：下一代和Paul Krill的jQuery 3.0：更多互操作性，更少的Internet Explorer。
在ECMA-262，第6版，第14.2节中有一种新的语法叫做箭头函数，可以用来进一步简化上面的示例。
使用jQuery API，而不是：
promise.success(function (data) {
alert(data);
});
你可以编写：
promise.success(data => alert(data));
或使用 Promises/A+ API：
promise.then(data => alert(data));
记得始终使用拒绝处理程序，无论是与以下哪种情况一起使用：
promise.then(data => alert(data), error => alert(error));
promise.then(data => alert(data)).catch(error => alert(error));
查看这个答案，了解为什么您应该始终使用带有 Promise 的 rejection handlers：
当然，在此示例中，您可以仅使用 promise.then(alert)，因为您只是使用与回调相同的参数调用 alert，但箭头语法更通用，让您编写类似以下内容的内容：
promise.then(data => alert("x is " + data.x));
并非每个浏览器都支持此语法，但在某些情况下，您可以确定代码将在哪个浏览器上运行 - 例如编写Chrome扩展程序、Firefox插件或使用Electron、NW.js或AppJS的桌面应用程序（有关详细信息，请参见此答案）。
有关箭头函数的支持，请参见：
现在有一种全新的语法叫做异步函数，使用一个新的await关键字，代替以下代码：
functionReturningPromise()
.then(data => console.log('Data:', data))
.catch(error => console.log('Error:', error));
让您编写：
try {
let data = await functionReturningPromise();
console.log('Data:', data);
} catch (error) {
console.log('Error:', error);
}
您只能在使用 async 关键字创建的函数内部使用它。有关更多信息，请参见：
有关浏览器支持，请参见：
有关Node的支持，请参见：
在不支持 async 和 await 的地方，您可以使用 Babel：
或者使用稍微不同的语法，像在co或Bluebird协程中基于生成器的方法：
关于 Promise 的其他问题，请参阅以下详细信息：
var promise = testAjax()，并改为使用下面的代码：testAjax().success(function (data) {
alert(data);
}); - isurfbecausepromise.success(function (data) { alert(data.users[0].id); alert(data.prices[x]); }); 或类似的方式来代替 promise.success(function (data) { alert(data); });。如果你在 success 回调函数中（或者如果你正在使用 Promises/A+ API 的话，在 then 回调函数中）获取数据，则可以获得带有所有属性的数据。 - rsp如果使用同步调用而非异步调用，唯一返回函数数据的方法将冻结浏览器以等待响应。
可以传入一个处理结果的回调函数：
function testAjax(handleData) {
$.ajax({
url:"getvalue.php",
success:function(data) {
handleData(data);
}
});
}
按照以下方式调用：
testAjax(function(output){
// here you use the output
});
// Note: the call won't wait for the result,
// so it will continue with the code here while waiting.
successе’ҢerrorеңЁjQuery 1.8дёӯе·Із»Ҹиў«ејғз”ЁгҖӮдҪ еә”иҜҘејҖе§ӢдҪҝз”Ё.done()е’Ң.fail()гҖӮиҜ·еҸӮйҳ…ж–ҮжЎЈгҖӮ - FibreChips你可以将async选项设置为false 并且在ajax调用之外返回。
function testAjax() {
var result="";
$.ajax({
url:"getvalue.php",
async: false,
success:function(data) {
result = data;
}
});
return result;
}
async: false在whatwg规范中已被弃用。当使用async: false进行调用时，Google Chrome会在控制台中发出警告。目前看来w3c规范尚未弃用它。注意：此处仅为翻译，不包含解释或其他内容。 - Frédéricasync: false 可以让我的代码工作，但获取数据需要一些时间。也许这就是为什么它即将被省略的原因。有没有解决方案？现在应该采用什么正确的方法？ - kapitan不知道你们是否已经解决了，但我建议另一种方法来解决它，而且它有效 :)
ServiceUtil = ig.Class.extend({
base_url : 'someurl',
sendRequest: function(request)
{
var url = this.base_url + request;
var requestVar = new XMLHttpRequest();
dataGet = false;
$.ajax({
url: url,
async: false,
type: "get",
success: function(data){
ServiceUtil.objDataReturned = data;
}
});
return ServiceUtil.objDataReturned;
}
})
所以这里的主要思想是，通过添加async: false，你可以让所有东西等待数据被检索。然后将其分配给类的静态变量，一切都神奇地运作 :)
参考jQuery文档示例： http://api.jquery.com/jQuery.ajax/ （大约在页面的2/3位置）
您可能正在寻找以下代码：
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});
同一页...往下滑。