ajax封装

/*
 * ajaxPackage 封装ajax请求,希望请求多次调用 不同的地方已参数形式传入
 *@params  options obj
 * dateType  Json string
 * success 回调函数
 * */
function ajaxPackage(options){
	//定义一个ajax请求方法
	var request	= new XMLHttpRequest
	//打开请求
	request.open(options.method || 'get',options.url, options.ansyc || true)
	//发送请求
	request.send(options.data || null)
	//请求监听
	request.onreadystatechange = function(){
		//判断状态是否为4 并且 status 
		if(request.readyState == 4 && request.status == 200){
			//获得后台数据
			var data = request.responseText
			if(options.type = 'json'){
				data = JSON.parse(data)
			}
			options.success(data)
		}
	}
}

以上为ajax的封装方法,不同的地方可以传不同的参数来调用,
例如`
//定义一个地址的‘前缀’
var requestUrl = ‘http://127.0.0.1:3001/’

//调用方法(1)
ajaxPackage({
method:‘get’,
url: requestUrl+‘lists’,
ansyc: true,
data: null,
dataType: ‘json’,
success: function(res){
console.log(res)
}
})

//调用方法(2)
ajaxPackage({
method:‘get’,
url: requestUrl+‘lists?id=1’,
ansyc: true,
data: null,
dataType: ‘json’,
success: function(res){
console.log(res)
}
})
//调用方法(3)
ajaxPackage({
method:‘get’,
url: requestUrl+‘lists?id=2’,
ansyc: true,
data: null,
dataType: ‘json’,
success: function(res){
console.log(res)
}
})
//调用方法(4)
ajaxPackage({
method:‘get’,
url: requestUrl+‘getbanner’,
ansyc: true,
data: null,
dataType: ‘json’,
success: function(res){
console.log(res)
}
})
`

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值