前端小白介绍:平时写h5页面时数据请求使用ajax请求,但是每次都要写ajax的请求格式,非常的麻烦,所以就是封装了一下;仅供参考
1.首先创建一个js文件,一般我都是取http名称,直接;
2.创建一个对象添加一个方法,方法就是ajax请求。代码如下;
var http={
post:function(url,params){
// url:数据请求的路径,
// params:请求的参数,
var result;//定义数据请求后接收到的数据;
$.ajax({
url:url,
type:"post",
dataType:"json",
async:false,
data:params,
success:function(res){
result=res //赋值
},error(err){
}
})
return result; //抛出
}
}
3.在你需要的页面引入,使用时调用方法如下;
function getinfor(){
var res = http.post("路径",{给后台传的参数})
if (res.status == 200) {
console.log(res.data)
} else{
alert(res.msg)
}
}
getinfor();
这样就可以每次调用的方式特别简单了,不用每次写ajax的格式了;
同时也可以封装其他的方法。