Ajax简介、axios异步提交

Ajax简介：

Ajax（Asynchronous JavaScript and XML）即异步JavaScript和XML，是一种创建交互式网页应用的技术。它通过在后台与服务器交换数据，可以实现页面的部分更新，而不需要重新加载整个页面。

Axios简介：

Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js。它可以在浏览器中创建XMLHttpRequests，在node.js中发送http请求，也可以用于浏览器和node.js的http客户端。

Ajax和Axios的使用：

Ajax的使用：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'http://example.com/api/data', true);
 
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为200
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 处理请求成功的响应数据
      console.log(xhr.responseText);
    } else {
      // 处理请求失败
      console.error('There was a problem with the request.');
    }
  }
};
 
// 发送请求
xhr.send();

Axios的使用：

// 发送GET请求
axios.get('http://example.com/api/data')
  .then(function (response) {
    // 处理请求成功的响应数据
    console.log(response.data);
  })
  .catch(function (error) {
    // 处理请求失败
    console.error(error);
  });
 
// 发送POST请求
axios.post('http://example.com/api/data', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

Axios相对于原生的Ajax来说，更加现代和简洁，它基于Promise，使得异步处理更加方便，并且它支持浏览器和node.js，且能自动转换JSON数据。