在现如今插件横行的时代,在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(){//成功之后的一些处理}
})
其他的就看自己根据项目来进行改编了。