由于要求代码的复用性,采取封装
**1.可执行函数
$.extend((function () {
//根据实际情况获取
var accessToken = localStorage.getItem("token");
var headers = {};
headers.token = accessToken;
function ajax(url,method,data) {
return $.ajax({
url : url,
method : method,
data : data, //obj
headers : headers.token
})
}
return {
api :{
add : function (url,method,data) {
return ajax(url,method,data)
}
}
}
})())
调用
$(function () {
$.api.add("test.htm","GET",{name:1}).done(function (res) {
console.log(res)
}).fail(function (e) {
console.log(e)
});
});
2.非可执行函数的封装方式
$.extend({
easyAjax : function (url,method,data) {
var accessToken = localStorage.getItem("token");
var headers = {};
headers.token = accessToken;
return $.ajax({
url : url,
method : method,
data : data, //obj
headers : headers.token
})
}
})
调用
$.easyAjax("test.do","PATCH").done(function (res) {
console.log(res)
}).fail(function (e) {
console.log(e)
})