最初的问题是在12年前的今天提出的，当时的问题是“如何让jQuery在返回之前等待Ajax调用完成?”从那时起，jQuery已经走过了很长的一段路。

上面提到了一些解决方案，但我无法让它们中的任何一个与最新版本的jQuery一起工作:$.when().then.()似乎不是同步的，除非它使用'async: false'，这是不再支持的，所以不能在新版本的jQuery中工作。

但是承诺是内置在jQuery ajax调用中，因此使ajax调用同步应该不是那么困难。

我使用命名空间的js函数，所以下面的例子就是这种格式。示例是自定义表单验证，它调用服务器验证用户输入是否试图复制现有项。

除非使用Babel，否则这段代码可能无法在IE或Legacy Edge中工作，但我倾向于阻止这些浏览器，因为微软不再支持它们。

///Namespace validate
check: async function(settings){
    let IsValid = false;
    let Message = ''
    let data = await validate.serverCheck('function', value);
    IsValid = data.OK;
    Message = data.Message;
}

serverCheck: async function (fn, value) {
    var request = {
        validateValue: $.sanitize(value)
    };

    let result;

    try {
            result = await $.ajax({
                dataType: "json",
                type: "post",
                url: "/api/validate/" + fn + "/",
                data: request
        });

        return result;
    } catch (x) {}
}

结果出来了

它应该等待get请求完成。之后，我将从函数调用的地方返回get请求体。

function foo() {
    var jqXHR = $.ajax({
        url: url,
        type: 'GET',
        async: false,
    });
    return JSON.parse(jqXHR.responseText);  
}

我没有使用$。Ajax和$。Post和$。get函数，所以如果我需要等待响应，我使用这个:

$.ajaxSetup({async: false});
$.get("...");

最初的问题是在12年前的今天提出的，当时的问题是“如何让jQuery在返回之前等待Ajax调用完成?”从那时起，jQuery已经走过了很长的一段路。

上面提到了一些解决方案，但我无法让它们中的任何一个与最新版本的jQuery一起工作:$.when().then.()似乎不是同步的，除非它使用'async: false'，这是不再支持的，所以不能在新版本的jQuery中工作。

但是承诺是内置在jQuery ajax调用中，因此使ajax调用同步应该不是那么困难。

我使用命名空间的js函数，所以下面的例子就是这种格式。示例是自定义表单验证，它调用服务器验证用户输入是否试图复制现有项。

除非使用Babel，否则这段代码可能无法在IE或Legacy Edge中工作，但我倾向于阻止这些浏览器，因为微软不再支持它们。

///Namespace validate
check: async function(settings){
    let IsValid = false;
    let Message = ''
    let data = await validate.serverCheck('function', value);
    IsValid = data.OK;
    Message = data.Message;
}

serverCheck: async function (fn, value) {
    var request = {
        validateValue: $.sanitize(value)
    };

    let result;

    try {
            result = await $.ajax({
                dataType: "json",
                type: "post",
                url: "/api/validate/" + fn + "/",
                data: request
        });

        return result;
    } catch (x) {}
}

结果出来了

我认为，如果您将成功函数编码为加载适当的页面，而不是返回true或false，事情就会更容易。

例如，你可以这样做，而不是返回true:

window.location="appropriate page";

这样，当成功函数被调用时，页面被重定向。

因为我在这里没有看到它，所以我想我也要指出jQuery when语句在这个目的中非常有用。

他们的例子如下:

$.when( $.ajax( "test.aspx" ) ).then(function( data, textStatus, jqXHR ) {
  alert( jqXHR.status ); // Alerts 200
});

“then”部分直到“when”部分结束才执行。