4.浏览器请求详解（ajax、fetch、axios使用，手写ajax）

在浏览器中，我们可以通过几种方式发送HTTP请求，包括使用Ajax、Fetch和Axios库。

1. 使用原生的AJAX

AJAX，即异步JavaScript和XML，是在2005年由Google公司提出的一个概念，它允许在不刷新页面的情况下更新网页。

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

2. 使用Fetch API

Fetch API是原生JavaScript中用于网络请求的新接口，它的用法比AJAX更简洁，并且它返回的是Promise对象。

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

3. 使用Axios库

Axios是一个基于Promise的HTTP客户端，它在浏览器和node.js中都可以使用。

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

以上三种方法都可以用来发送HTTP请求，你可以根据项目需求和个人喜好选择使用。