我有一个名为 GetRequest() 的 JavaScript 函数,它使用 $.ajax() 调用服务器并接收 json 字符串:
function GetRequest(ThePage) {
RequestedPage = parseInt(ThePageNumber,10);
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "../Pages/MyPage.aspx/GetPage",
data: "{'ThePage':'" + ThePageNumber + "'}",
dataType: "json",
success: function (msg) {
var data = msg.hasOwnProperty("d") ? msg.d : msg;
OnSucessCallBack(data);
},
error: function (xhr, status, error) {
alert(xhr.statusText);
}
});
};
我有一个名为 ShowData() 的函数,它调用 GetRequest(),并且必须等到 GetRequest 收到其数据才能继续。
function ShowData() {
//some code that determines the page number
GetRequest(ThePageNumber);
//wait until the data is in
};
我在多个地方使用了 GetRequest,因此无法在 ShowData 上下文中使用其成功函数。
如何让我的函数 ShowData 暂停执行,直到 GetRequest 完成?我想过更改 OnSuccessCallBack 函数并确定哪个函数最初调用 GetRequest() 但我不确定如何最好地做到这一点。
感谢您的建议。
最佳答案
向 GetRequest 添加函数传入,如下所示:
function GetRequest(pageNumber, successCallback){
//I admit this isn't "elegant" but it's most assuredly readable
var callback;
if (successCallback == null) {
callback = //default callback definition here
} else {
callback = successCallback;
}
//do everything else the same here
//except use the callback defined above
}
这使您可以灵活地为 onsuccess 添加单独的回调处理程序
或者,执行与上面相同的操作,但使用“onComplete”处理程序,除非您在返回时专门需要数据(它不会像您那样显示)。
我将极力建议您对异步代码使用回调,而不是尝试硬塞同步请求。在 JavaScript 中工作时,最好采用围绕异步请求的编码风格,尤其是在您已经在使用 AJAX 的情况下(根据定义,它是异步的)。
关于javascript - 等待ajax回复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6591161/