前端学习--Ajax XHR/axios

在前端学习中，Ajax主要用于与服务器进行数据交换而不重新加载页面。XHR（XMLHttpRequest）和axios都是实现Ajax的工具，但它们之间有一些区别：

1. XHR是原生的JavaScript API，而axios是基于Promise的HTTP客户端，它可以在浏览器和node.js中使用。
2. XHR不支持Promise，而axios支持，这意味着使用axios可以更简单地处理异步请求。
3. XHR不处理JSON数据，而axios会自动解析JSON数据。

以下是使用axios发送GET和POST请求的示例代码：

// GET请求
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data); // 处理获取到的数据
  })
  .catch(error => {
    console.error(error); // 处理错误情况
  });
 
// POST请求
axios.post('https://api.example.com/data', {
  key1: 'value1',
  key2: 'value2'
})
  .then(response => {
    console.log(response.data); // 处理获取到的数据
  })
  .catch(error => {
    console.error(error); // 处理错误情况
  });

在实际开发中，推荐使用axios，因为它更简单，更现代，并且提供了更多的功能和更好的错误处理。