柚子快報邀請碼778899分享：okhttp Ajax開發(fā)技術(shù)

http://yzkb.51969.com/

什么是 Ajax？

概念: 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

準備數(shù)據(jù)地址創(chuàng)建 XMLHttpRequest 對象: 用于和服務(wù)器交換數(shù)據(jù)向服務(wù)器發(fā)送請求獲取服務(wù)器響應(yīng)數(shù)據(jù)

Axios

介紹: Axios 對原生的 Ajax 進行了封裝，簡化書寫，快速開發(fā)。官網(wǎng)

1. 引入Axios的js文件

2. 引入Axios的js文件

axios({

method: "get",

url: "http://yapi.smart-xwork.cn/mock/169327/emp/list"}).then(result => {

console.log(result.data);

});

axios({

method:"post"

url: "http://yapi.smart-xwork.cn/mock/169327/emp/deleteByld",

data:"id=1"

}).then(result => {

console.log(result.data);

});

請求方式別名

axios.get(url [, config]) axios.delete(url [, config]) axios.post(url [, data[, config]]) axios.put(url [, data[, config]])

發(fā)送GET請求

axios.get("http://yapi.smart-xwork.cn/mock/169327/emp/list").then((result) => {

console.log(result.data);

});

發(fā)送POST請求

axios.post("http://yapi.smart-xwork.cn/mock/169327/emp/deleteByld","id=1").then((result) => {

console.log(result.data);

});

柚子快報邀請碼778899分享：okhttp Ajax開發(fā)技術(shù)

http://yzkb.51969.com/

相關(guān)文章