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

作用：

• 數(shù)據(jù)交換：通過Ajax可以給服務(wù)器發(fā)送請求，并獲取服務(wù)器響應(yīng)的數(shù)據(jù)。

• 異步交互：可以在不重新加載整個頁面的情況下，與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的技術(shù)，如：搜索聯(lián)想、用戶名是否可用的校驗等等。

同步與異步

原生Ajax

1. 準(zhǔn)備數(shù)據(jù)地址：http://yapi.smart-xwork.cn/mock/169327/emp/list

2. 創(chuàng)建XMLHttpRequest對象：用于和服務(wù)器交換數(shù)據(jù)

3. 向服務(wù)器發(fā)送請求

4. 獲取服務(wù)器響應(yīng)數(shù)據(jù)

Axios

介紹：Axios 對原生的Ajax進(jìn)行了封裝，簡化書寫，快速開發(fā)。

官網(wǎng)： https://www.axios-http.cn/

Axios入門

1.引入Axios的js文件

2.使用Axios發(fā)送請求，并獲取響應(yīng)結(jié)果

Axios請求方式別名(推薦寫法)

• axios.get(url [, config])

• axios.delete(url [, config])

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

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

發(fā)送GET請求

發(fā)送POST請求

案例

基于Vue及Axios完成數(shù)據(jù)的動態(tài)加載展示

1.數(shù)據(jù)準(zhǔn)備的url： http://yapi.smart-xwork.cn/mock/169327/emp/list

2.在頁面加載完成后，自動發(fā)送異步請求，加載數(shù)據(jù)，渲染展示頁面(性別：1 代表男，2 代表女)

JSON

1、JSON是什么

2、JSON的語法規(guī)則是怎樣的

3、JSON和XML

JSON：

XML:

4、JSON解析和生成