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

Question

我正在使用 JQuery AJAX，使用 await。我不想使用成功和错误回调，也不想使用 .then 语法。

像这样调用 jquery ajax 时

const { data, textStatus, jqXHR } = await $.ajax(url, {...});

那么左边的变量就不会被填充。

如何使用 await 调用 jquery ajax 并仍然获得 data、textStatus 和 jqXHR(类似于成功回调)？

(只需调用 const data = await $.ajax(url, {...}); 即可，但我需要访问 textStatus 和 jqXHR.)

Answer 1

您可以获得在 ajax 函数的 success 选项中指定的 3 个参数，并对该匿名函数进行解构

    let data, textStatus, jqXHR;
    await $.ajax(url, {success: (dt, txt, jqx) => {
      data = dt;
      textStatus = txt;
      jqXHR = jqx;
    }});

或者提取函数然后像这样做

...
const success = (dt, txt, jqx) => {
  data = dt;
  textStatus = txt;
  jqXHR = jqx;
}
...
await $.ajax(url, {success});
...