javascript - 如何将 ajax 请求包装到函数中？

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 5 年前。

这是我的代码:

function ajaxRequest(value, path, website){
    window[website] = $.ajax({
        url :  path,
        type : 'GET',
        data: { "name": value,
            "_token": $('meta[name="_token"]').attr('content')
        },

        beforeSend: function(){
            if(window[website] != null) {
                window[website].abort();
            }
        },
        success: function (people) {
            return [status, people];
        },

        error: function (jqXHR, textStatus, errorThrown) {
            return [status, textStatus];

        },

        timeout: 15000

    });

}

如您所见，它是一个发送ajax请求的函数。我这样调用它:

var res = ajaxRequest('Jack', 'search/twitter', 'twitter');
console.log(res);

它返回:

为什么我在控制台中看不到结果？请注意，如果我发送该 ajax 使其功能失效，我可以在控制台中看到结果。 (结果是一个数据数组)

如何解决这个问题？

Answer 1

function ajaxRequest(value, path, website){

        return new Promise(function (resolve, reject) {
        window[website] = $.ajax({
            url :  path,
            type : 'GET',
            data: { "name": value,
                "_token": $('meta[name="_token"]').attr('content')
            },

            beforeSend: function(){
                if(window[website] != null) {
                    window[website].abort();
                }
            },
            success: function (people) {
                resolve([status, people]);
            },

            error: function (jqXHR, textStatus, errorThrown) {
                reject([status, textStatus]);

            },

            timeout: 15000

        });
    });
}

然后这样做，得到结果:

ajaxRequest('Jack', 'search/twitter', 'twitter').then(function(res) { console.log(res)}, function(err){console.log(err)})`;