从类型为 POST 的 ajax 调用中返回数据

Question

我有一个 post 类型的 ajax 调用，我想通过使用 return 的方式返回数据。

我试过了：

function GetDataById(Id){
    return $.ajax({
            type: "POST",
            url: url,
            data: JSON.stringify({ ID: Id }),
            contentType: "application/json; charset=utf-8",
            success: function (data, textStatus, jqXHR) {
                return data;
            },
            error: function (jqXHR, exception) {
                
            }
        });
}

我试过：

function GetDataById(Id){
    $.ajax({
            type: "POST",
            url: url,
            data: JSON.stringify({ ID: Id }),
            contentType: "application/json; charset=utf-8",
            success: function (data, textStatus, jqXHR) {
                return data;
            },
            error: function (jqXHR, exception) {
                
            }
        });
}

我正在做的是：

(function(){
    const data = GetDataById(208);
    console.log(data);
})();

Answer 1

$.ajax()返回一个承诺。 如果你想实现一个在调用后获取数据的函数，你可以简单地返回$.ajax()调用并使用 promise 的 then 和 catch 代替。

function GetDataById(Id){
    return $.ajax({
            type: "POST",
            url: url,
            data: JSON.stringify({ ID: Id }),
            contentType: "application/json; charset=utf-8"
    });
}

(function(){
    GetDataById(208).then(data => console.log(data));
})();