XMLHttpRequest,AJAX,Promise,Axios及操作实战

在JavaScript中，可以使用原生的XMLHttpRequest对象、fetch函数以及第三方库如axios来发送AJAX请求。以下是使用这些方法的简单示例：

1. 原生的XMLHttpRequest对象：

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函数：

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

3. 使用axios库：

首先需要安装axios：

npm install axios

然后在代码中使用：

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

以上代码展示了如何使用这些方法发送GET请求，并在收到响应后处理数据。对于POST请求，需要调整请求方法、传递数据等。