Ajax-Axios简介以及同步与异步知识点

Ajax 和 Axios 是用于在浏览器中与服务器进行异步通信的技术。

Ajax（Asynchronous JavaScript and XML）是一种创建交互式网页应用的技术，可以在不重新加载页面的情况下更新网页的部分内容。

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js 环境中发送 HTTP 请求。

同步（Synchronous）和异步（Asynchronous）是指代码执行的两种方式。

• 在同步代码中，后续代码必须等待当前代码执行完毕后才能执行。
• 在异步代码中，后续代码不必等待当前代码执行完毕即可执行。当前代码运行完毕后，会通过回调、事件或者 Promise 的方式来通知后续代码执行。

Ajax 示例（使用 jQuery）:

$.ajax({
  url: 'https://api.example.com/data',
  type: 'GET',
  success: function(response) {
    // 处理响应数据
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 处理错误
    console.log(error);
  }
});

Axios 示例:

axios.get('https://api.example.com/data')
  .then(function (response) {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(function (error) {
    // 处理错误
    console.log(error);
  });

在现代 JavaScript 中，Axios 比起原生的 AJAX 更受欢迎，因为它基于 Promise，并且可以在 node.js 环境中使用。同时，它也支持请求和响应拦截器，这使得处理异步请求变得更加简单和灵活。