目前的前端开发中,大部分的数据都是需要向服务器端请求的,而前端常用ajax来向服务器请求,本猿毕业刚出来没多久,在以往的项目中是用最笨的方法来写的。一个项目中几十个接口,每一次都写一次ajax,造成了代码量非常大,最近比较空闲,整理了一下项目发现惨不忍睹。很多重用的方法都重复着写。
就好比ajax请求,我们可以封装一个ajax请求方法在公用的js文件里面,然后每次请求都调用。这样少写很多代码,维护起来也方便。下面贴代码,有不好的地方希望大家指点指点
var ajaxObj = (e_id,Obj) => {
eval("Obj.data.e_id=111"); //动态添加对象属性
console.log(Obj);
$.ajax({
url: Obj.url,
dataType: "json",
async: true, //true:异步,false:同步
data: Obj.data,
type: "POST",
timeout:10*1000, //请求时间
beforeSend: function() {
//请求前的处理
},
complete: function() {
//请求完成的处理
},
success: Obj.success, //请求成功
error: function() {
console.log("Error");
}
});
}
// 调用
var Obj = {
url: "http://xxx.com",//请求地址
data:{
u_id:512,
},
success:function(res){
console.log(res);
}
}
var e_id = 111;
ajaxObj(e_id,Obj);