如何在调用await jquery.ajax时获取数据、textStatus和jqXHR？

在使用await调用jquery.ajax时，可以通过.then()方法来获取数据、textStatus和jqXHR对象。这是因为jquery.ajax返回的是一个Promise对象，可以使用.then()方法来处理成功和失败的情况。

以下是一个示例代码：

async function fetchData() {
    try {
        const result = await new Promise((resolve, reject) => {
            $.ajax({
                url: 'your-api-endpoint',
                method: 'GET',
                success: function(data, textStatus, jqXHR) {
                    resolve({ data, textStatus, jqXHR });
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    reject({ jqXHR, textStatus, errorThrown });
                }
            });
        });

        console.log('Data:', result.data);
        console.log('Status:', result.textStatus);
        console.log('jqXHR:', result.jqXHR);
    } catch (error) {
        console.error('Error:', error);
    }
}

fetchData();

在这个示例中，我们创建了一个新的Promise对象，并在$.ajax的success回调中调用resolve，在error回调中调用reject。这样我们就可以使用await来等待Promise的解决，并通过解构赋值来获取数据、textStatus和jqXHR对象。

请注意，由于jquery.ajax是基于回调的异步操作，而await是ES2017引入的基于Promise的语法糖，因此我们需要手动将$.ajax封装成Promise对象才能使用await。

这种方法的优势在于它允许你以同步的方式编写异步代码，使得代码更加清晰和易于理解。同时，它也使得错误处理更加直观，可以使用try...catch语句来捕获和处理可能出现的错误。

参考链接：