ajax执行流程是什么意思,Ajax执行顺序流程及回调问题分析

博客探讨了一个在JavaScript中使用Ajax异步获取数据的问题。作者指出,由于Ajax的异步特性,DrawDropDownList函数在调用GetJson后立即执行,此时Ajax请求还未完成,导致无法获取到JsonData。解决方案包括两种:一是通过回调函数传递数据;二是使用同步Ajax请求,但不推荐,因为同步请求会阻塞页面。示例代码展示了如何通过回调函数解决这个问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一个全局的变量var JsonData;

我这里有一个Ajax处理的方法:

JScript code:

复制代码 代码如下:

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方法,

请问有什么办法把GetJson里面获得的Result数据拿出来?

不要在

复制代码 代码如下:

success: function (Result) {

//Do Something

},

我就是想把获得的数据拿出来用, 因为GetJson是一个通用的方法,不想在里面执行单个的逻辑.

不能在回调中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;

}

时间: 2012-12-07

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值