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