在現如今插件橫行的時代,在react,vue,angularjs火爆的今天,而我還在用jq的ajax接數據,總覺得自己跟不上時代的步伐。最近在慢慢的學習react和vue,但是這些老的東西還是保存一下,畢竟是自己的成長歷程。
(假如地址是:http://haha/get/user)
function demoAjax(opt){
var isdefult=opt.isdefult||"need";//判斷是否需要這個函數來判斷,還是在頁面請求回來的數據回來之后判斷
$.ajax({
url:'http://haha/'+opt.url,//數據的接口的路徑
dataType:'json',
type: opt.type||"get",//請求的方式 默認是get
data:opt.param||"",//請求的參數 默認是空
async:opt.async||true,//是否是異步,默認是異步
timeout: 10000,
success: function(res) {
/*opt.isLoading==undefined&&app.loading('hide');*///判斷是否需要加載函數 我的加載函數封裝在一個對象里面執行 根據自己的項目來判斷加載動畫
if(isdefult=="need"){//判斷是否需要這個函數來判斷,還是在頁面請求回來的數據回來之后判斷
if(res.code==0){//根據自己的項目的返回來判斷
opt.successBack instanceof Function&&opt.successBack(res.data);//成功的函數,看自己項目傳值
}
else{
console.log(res.msg)
}
}
else
{
opt.successBack instanceof Function&&opt.successBack(res);
}
},
error: function(xhr, type, errorThrown){
console.log(JSON.stringify(xhr));
console.log(type);
console.log(errorThrown);
}
});
}
看自己的喜歡。可以選擇擴展到jquery上面去,也可以是一個函數。
使用方式:
簡單的get請求:(假如地址是:http://hahahha/get/user)
demoAjax({
"url":"get/user",
"successBack":funtion(){//成功之后的一些處理}
})
post請求:
demoAjax({
"url":"get/user",
"type":"post",
"param":{"user":"xg"}
"successBack":funtion(){//成功之后的一些處理}
})
其他的就看自己根據項目來進行改編了。