jq的ajax封装


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

					


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM