讲解Ajax和axios相关知识

Ajax和axios都是前端用来进行网络请求的工具，但是它们有一些区别：

1. 创建XMLHttpRequest对象实现Ajax

var xhr = new XMLHttpRequest();
xhr.open("GET", "url", true);
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
}
xhr.send();

2. Axios基于Promise的HTTP客户端，用于浏览器和node.js

axios.get("url")
  .then(function(response) {
    console.log(response.data);
  })
  .catch(function(error) {
    console.log(error);
  });

3. 使用Ajax和axios的区别

• Ajax是基于原生的XHR实现的，而axios是对XHR的封装，并且添加了许多特性，如拦截器，取消请求，自动转换JSON数据等。
• Ajax是低级别的API，需要自己处理跨浏览器的兼容性问题，而axios处理了所有的兼容性问题，提供了更简洁的API。
• Ajax不支持浏览器的跨域请求，而axios默认支持跨域请求。
• Ajax不支持Promise，而axios完全基于Promise，使用起来更加方便。

4. 使用Ajax和axios的场景

• 如果你的项目需要支持IE9及以上的浏览器，你可能需要使用Ajax，因为axios不支持IE9以下的浏览器。
• 如果你的项目不需要支持IE9及以上的浏览器，推荐使用axios，因为它更简洁，更方便。

注意：以上代码仅供参考，具体使用时需要根据实际情况进行调整。