Ajax如何做异步请求和响应一个同步结果

Question

当我使用 jQuery ajax 向 Web 服务发出请求时，我发现了一个奇妙的错误：

var AjaxResult;
login = function () {
    AjaxResult = "";
    $.ajax({
        type: "POST",
        url: KnutBase.getServiceUrl() + "ServiceInterface/HmsPlannerWebService.asmx/AuthenticateLogin",
        data: { username: this.username, password: this.password },
        dataType: 'jsonp',
        success: function (response) {
            //the response value is 'success'
            AjaxResult = response;
        },
        error: function (data, status, e) {
            alert("error:" + e);
        }
    });

    //alert(AjaxResult);
    //if i do not alert a message here, this function will return a null value
    //however, i do alert here, then i get a 'success' value.

    return AjaxResult;
}

怎么会这样。 我很困惑为什么 AjaxResult 在 ajax 方法设置响应值之前返回它的值。

Answer 1

Ajax 是asynchronous 对您的方法的调用，它在后面为服务器跳闸进行处理。在调用 success 方法之前，您不会得到结果。你可以阅读更多关于 jquery ajax here

您可以将async 属性设置为false 的ajax() 以进行同步调用。

编辑：使用延迟 --

$.Deferred 可用于在其他代码完成后运行代码。 Ajax 是一个很好的例子，所有的 jQuery ajax 方法（.load 除外）都实现了$.Deferred 接口。您可以使用$.when 观看延期。例如：

login = function () {
   return $.ajax({...

deferred 从上面的方法中返回，因此您可以执行以下操作：

$.when(login()).done(function (response) { ... });

任何需要与 ajax 响应同步的代码都必须放在 .done 回调中。

请注意，这与仅使用 success 回调和 $.ajax 并没有太大区别。关键是所有依赖于 Ajax 返回内容的工作都需要在这些回调中完成。

Answer 2

由于 ajax 是异步的，return AjaxResult 实际上是在 ajax 结果完成之前执行的。你不能以这种方式返回；您需要在 ajax 请求的回调中执行一些操作或使用 deferred。

Answer 3

这与 AJAX 是异步的这一事实有关（这实际上是其中第一个 A 的含义）。 alert 停止代码，直到您按下按钮，并且请求有时间完成。没有alert，函数立即执行，AJAX刚刚开始工作，当然值还是空的。

通常，您不能让函数返回从 AJAX 获得的值。给它设置一个回调，当它来的时候处理它。

Answer 4

Ajax如何做异步请求并返回同步结果

你不能。这是不可能的。如果你的代码真的试图这样做，它就会失败。