我想使用 jQuery ajax 从服务器检索数据。
我想将成功回调函数定义放在.ajax()块之外，如下所示。那么我是否需要dataFromServer像下面这样声明变量，以便我能够使用从成功回调返回的数据？
我见过大多数人在.ajax()块内定义成功回调。那么如果我想在外面定义成功回调，下面的代码是否正确？
var dataFromServer; //declare the variable first
function getData() {
$.ajax({
url : 'example.com',
type: 'GET',
success : handleData(dataFromServer)
})
}
function handleData(data) {
alert(data);
//do some stuff
}
自 jQuery 1.5（2011 年 1 月）以来，执行此操作的“新”方法是使用延迟对象而不是传递success回调。您应该返回的结果$.ajax，然后使用.done，.fail等方法来添加回调外的$.ajax呼叫。
function getData() {
return $.ajax({
url : 'example.com',
type: 'GET'
});
}
function handleData(data /* , textStatus, jqXHR */ ) {
alert(data);
//do some stuff
}
getData().done(handleData);
这将回调处理与 AJAX 处理分离，允许您添加多个回调、失败回调等，而无需修改原始getData()函数。将 AJAX 功能与之后要完成的一组操作分开是一件好事！.
Deferreds 还允许更容易地同步多个异步事件，这是你不能轻易做到的 success:
例如，我可以添加多个回调、一个错误处理程序，并在继续之前等待计时器结束：
// a trivial timer, just for demo purposes -
// it resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);
// add a done handler _and_ an `error:` handler, even though `getData`
// didn't directly expose that functionality
var ajax = getData().done(handleData).fail(error);
$.when(timer, ajax).done(function() {
// this won't be called until *both* the AJAX and the 5s timer have finished
});
ajax.done(function(data) {
// you can add additional callbacks too, even if the AJAX call
// already finished
});
jQuery 的其他部分也使用延迟对象 - 您可以非常轻松地将 jQuery 动画与其他异步操作同步。
只需使用：
function getData() {
$.ajax({
url : 'example.com',
type: 'GET',
success : handleData
})
}
该success属性仅需要对函数的引用，并将数据作为参数传递给该函数。
handleData由于handleData声明的方式，您可以像这样访问您的函数。JavaScript 将在运行之前解析您的函数声明代码，因此您将能够在实际声明之前的代码中使用该函数。这称为提升。
不过，这不包括这样声明的函数：
var myfunction = function(){}
这些只有在口译员通过时才可用。
我不知道您为什么要在脚本外定义参数。那是不必要的。您的回调函数将自动以返回数据作为参数被调用。很有可能在sucess:ie之外定义你的回调
function getData() {
$.ajax({
url : 'example.com',
type: 'GET',
success : handleData
})
}
function handleData(data) {
alert(data);
//do some stuff
}
handleData 函数将被调用，参数由 ajax 函数传递给它。
尝试将您的成功处理程序重写为：
success : handleData
ajax 方法的成功属性只需要一个函数的引用。
在您的 handleData 函数中，您最多可以使用 3 个参数：
object data
string textStatus
jqXHR jqXHR
我会写：
var handleData = function (data) {
alert(data);
//do some stuff
}
function getData() {
$.ajax({
url : 'example.com',
type: 'GET',
success : handleData
})
}