概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。

作用：

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

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

同步与异步

原生Ajax

1. 准备数据地址：http://yapi.smart-xwork.cn/mock/169327/emp/list

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

3. 向服务器发送请求

4. 获取服务器响应数据

Axios

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

官网： https://www.axios-http.cn/

Axios入门

1.引入Axios的js文件

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

Axios请求方式别名(推荐写法)

• axios.get(url [, config])

• axios.delete(url [, config])

• axios.post(url [, data[, config]])

• axios.put(url [, data[, config]])

发送GET请求

发送POST请求

案例

基于Vue及Axios完成数据的动态加载展示

1.数据准备的url： http://yapi.smart-xwork.cn/mock/169327/emp/list

2.在页面加载完成后，自动发送异步请求，加载数据，渲染展示页面(性别：1 代表男，2 代表女)

JSON

1、JSON是什么

2、JSON的语法规则是怎样的

3、JSON和XML

JSON：

XML:

4、JSON解析和生成