【前端工程师之ajax基础】原生XML请求+jquery发请求+axios发起请求

原生XMLHttpRequest发起请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var json = JSON.parse(xhr.responseText);
    console.log(json);
  }
};
xhr.send();

使用jQuery发起请求：

$.ajax({
  url: "https://api.example.com/data",
  type: "GET",
  dataType: "json",
  success: function (json) {
    console.log(json);
  },
  error: function (xhr, status, error) {
    console.error("An error occurred: " + status + "\nError: " + error);
  }
});

使用axios发起请求：

axios.get('https://api.example.com/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

以上三种方法分别展示了如何使用原生的XMLHttpRequest对象、jQuery的$.ajax方法和axios库来发起GET请求，并处理响应。