javascript - 将 jQuery 请求转换为 Axios

Question

我有一个用 jQuery 编写的应用程序。我正在努力使它现代化。作为其中的一部分，我正在尝试将 jQuery 请求转换为 Axios。我的 jQuery 请求如下所示:

var myUrl = '[someUrl]';
var myData = {
  firstName: 'Joe',
  lastName: 'Smith'
};

$.ajax({
  type: 'POST', url: myUrl, cache: 'false',
  contentType:'application/json',
  headers: {
    'Content-Type': 'application/json',
    'key': '12345'
  },
  data: JSON.stringify(myData),
  success: onSearchSuccess,
  error: onSearchFailure,
  complete: onSearchComplete
}); 

现在，使用我的现代代码，我有以下内容:

var myUrl = '[someUrl]';
var myData = {
  firstName: 'Joe',
  lastName: 'Smith'
};
axios.post(myUrl, myData)
  .then(function (response) {
    alert('yeah!');
    console.log(response);
  })
  .catch(function (error) {
    alert('oops');
    console.log(error);
  })
;

我不确定如何传递 header 或是否需要对 myData 进行字符串化。有人可以指出我正确的方向吗？

Answer 1

您尝试过 manual 吗？ ？ :)

这是你需要的:

axios.post(url[, data[, config]])

将其转化为代码的方式是:

var myUrl = '[someUrl]';
var myData = {
  firstName: 'Joe',
  lastName: 'Smith'
};
axios.post(myUrl, myData, {
    headers: {
      'Content-Type': 'application/json',
      'key': '12345'
    }
    // other configuration there
  })
  .then(function (response) {
    alert('yeah!');
    console.log(response);
  })
  .catch(function (error) {
    alert('oops');
    console.log(error);
  })
;

返回的对象实现了 A+ Promise API .根据您的配置，您可能需要对其进行 polyfill，但是 npm registry 中有很多可用的包.