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

        一、简介：Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）。

        作用：

                1. 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。

                2. 异步交换：可以在不重复加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。

        二、简介：Axios，Axios对原生Ajax进行封装，简化书法，快速开发。

        作用：

                1. 进行异步通信

        适用步骤

                1. 引入Axios的JS文件

                2. 使用Axios发送请求，获取响应结果。

---

        这里提到了同步与异步通信技术，小编在这里详细解释一下他们之间的区别，首先来张图。

        从图片中可以看出同步通信与异步通信之间的不同。

        同步：客户端向服务器发送请求等待服务器返回数据，在服务器收到请求并且处理相关业务时客户端不能进行其他操作，只有在收到服务器端返回的消息后，才能进行其他业务。 

        举例：当我们首次打开某一个网页时，如果这个网页没有加载完成，我们是不能点击网页提供的选项的，例如视频网站不能点击播放按钮。

        异步：客户端向服务器发送请求等待服务器返回数据，在服务器收到请求并且处理相关业务时客户端可以进行其他业务。

        举例：当我们使用百度搜索时，当打出一个关键词，就会自动出现多个关键词选项，这就是异步通信。

---

        以下是相关代码展示，所有相关代码配上详细注解。（本文章的代码并不能直接运行，需要读者去修改几处）

        以上代码可以看出来，使用Ajax进行异步通信，过于繁琐，给开发工作带来不便，于是乎Axios横空出世，以下是Axios代码演示。

        

        以上就是本次的分享了，喜欢的小伙伴欢迎点赞留言加一个关注。后续我将继续更新更多编程知识。