1.在eolinker上創(chuàng)建接口
(1)新建工作空間(第一次新建，之后是否新建視情況而定)
新建工作空間.png
(2)新建一個(gè)項(xiàng)目(第一次使用創(chuàng)建掩蛤，之后是否創(chuàng)建視情況而定)
新建項(xiàng)目.png
新建項(xiàng)目2.png
(3)新建接口(新建一個(gè)分組，然后新建接口，之后是否新建分組視情況而定)
建接口.png
新建接口.png
(4)將復(fù)制好的json插入，并修改屬性值()
導(dǎo)入json.png
插入json2.png
json3.png
2.在寫(xiě)好的接口中獲取接口地址
獲取接口地址.png
3.創(chuàng)建js文件封裝ajax(地址中要去掉具體的URI)
(1)創(chuàng)建一個(gè)常量接收不確定的接口對(duì)象(沒(méi)有具體的URI)
var baseUrl = "http://result.eolinker.com/UNPt9TGe1911deea5ab4b01704bbfe0b97948d26eb2d31d?uri=";
(2)具體的ajax方法(具體的url = 創(chuàng)建的常量 + 傳入的url 使用回調(diào)函數(shù)輸出)
function http({ url, type = "get", dataType = "json", data = {}, success }) {
$.ajax({
url: baseUrl + url,
type,
dataType,
data,
success: function (res) {
success(res);
}
})
}
4.調(diào)用封裝好的ajax
(1)在head導(dǎo)入jQuery
bootcdn導(dǎo)入.png
復(fù)制標(biāo)簽.png
將復(fù)制好的標(biāo)簽粘貼在html文件的頭部<head>標(biāo)簽中
(2)導(dǎo)入封裝好的ajax(一定要寫(xiě)在jQuery導(dǎo)入之后)
<script src="js/http.js"></script>
(3)調(diào)用ajax方法(根據(jù)url參數(shù)的不同欢唾，會(huì)獲得不同的接口對(duì)象)
http({
url:"name",
success:res=>{
console.log(res);
}
});
http({
url:"/classic/latest",
success(res){
console.log(res);
}
})
