Ajax用法总结（包括原生Ajax、Jquery、Axois）

原生Ajax的写法：

var xhr = new XMLHttpRequest();
xhr.open("GET", "your-api-endpoint", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

使用Jquery的Ajax简化写法：

$.ajax({
  url: "your-api-endpoint",
  type: "GET",
  dataType: "json",
  success: function (response) {
    console.log(response);
  },
  error: function (xhr, status, error) {
    console.error("An error occurred: " + status + "\nError: " + error);
  }
});

使用Axios的Promise-based写法：

axios.get("your-api-endpoint")
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error("Error fetching data: ", error);
  });

以上三种方法均可用于发送Ajax请求，但Axios提供的Promise机制更加现代和便捷，因此在现代前端开发中较为流行。