解决Ajax异步调用导致数据获取不到的问题

Ajax异步调用导致数据获取失败的问题分析

首先定义一个全局变量var JsonData;用于存储数据。

接下来定义一个处理Ajax请求的方法。

具体的JScript代码如下：

 
function GetJson(DataSourceName) {
$.ajax({
type: “post”,
url: “Ajax/AjaxData.ashx?MethodName=” + DataSourceName,
contentType: “application/json;”,
data: “”,
dataType: “json”,
success: function (Result) {
JsonData = Result;
}, 
error: function (result) {
alert(“获取信息列表错误”);
window.close();
} 
}); 
return JsonData;
} 

然后我有一个类。

JScript code：

 
function DrawDropDownList(sFieldRuleMethod)
{ 
GetJson(sFieldSourceName);
var b = JsonData;
} 

这样在调用DrawDropDownList时，为什么总是无法获取到JsonData的值呢？

通过断点跟踪发现，DrawDropDownList方法中的后续代码会先于GetJson方法的回调执行完毕，导致此时JsonData尚未被赋值。

请问有什么办法能够获取到GetJson回调中返回的Result数据？

不要尝试在

 
success: function (Result) {
//Do Something
}, 

我的目的是直接获取并使用这些数据，因为GetJson是一个通用方法，不希望在其中执行具体的业务逻辑。

如果在success回调中直接return，且强制要求同步请求，理论上可以获取数据，但这通常不是推荐做法。

通过回调函数解决异步数据获取问题

另一种更合理的方案是不使用同步请求，而是给函数增加一个回调函数参数，将Ajax的结果传递到该回调函数中，具体代码细节如下：

 
function GetJson(DataSourceName,callback) {
$.ajax({
type: “post”,
url: “Ajax/AjaxData.ashx?MethodName=” + DataSourceName,
contentType: “application/json;”,
data: “”,
dataType: “json”,
success: function (Result) {
JsonData = Result;
callback(JsonData)
}, 
error: function (result) {
alert(“获取信息列表错误”);
window.close();
} 
}); 
//return JsonData;
}