对jquery ajax进行封装请求

目前的前端开发中,大部分的数据都是需要向服务器端请求的,而前端常用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);

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值