Ajax

一、Ajax

1.概念

Asynchronous JavaScript And XML，异步的JavaScript和XML。

2.作用

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

（2）异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校 验等等。

3.同步与异步

4.原生Ajax

（1）准备数据地址

（2）创建XMLHttpRequest对象：用于和服务器交换数据；

（3）向服务器发送请求

（4）获取服务器响应数据

二、Axios

1.介绍

Axios对原生的Ajax进行了封装，简化书写，快速开发。

2.官网

https://www.axios-http.cn/

3.步骤

（1）引入Axios的js文件：

（2）使用Axios发送请求，并获取响应结果：

4.请求方式别名

（1）axios.get(url[,config])

（2）axios.delete(url[,config])

（3）axios.post(url[,data[,config]])

（4）axios.put(url[,data[,config]])

5.基于Vue和Axios完成数据的动态加载展示

（1）数据准备的url；

（2）在页面加载完成后，自动发送异步请求，加载数据，渲染展示页面。