javascript - 等待ajax回复

Question

我有一个名为 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() 但我不确定如何最好地做到这一点。

感谢您的建议。

Answer 1

向 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 的情况下(根据定义，它是异步的)。