封装原生Ajax

<script type="text/javascript">
	//传入参数依次是("请求类型","路径","参数","回调函数")
	function ajax(method,url,params,done){
		//创建对象
		var xhr = new XMLHttpRequest();
		var data = null;
		//对参数的类型进行判断并进行格式的转化
		if(typeof params == "object") {
			var arr = new Array();
			for(key in params){
				var value = params[key];
				arr.push(key + "=" + params[key]);
			}
			params = arr.join("&");
			//console.log(params);
		}
		//"GET"请求转换为GET的传参形式
		if(typeof method == "GET"){
			url += "?" + params;
		}
		if(typeof method == "POST"){
			xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			data = params;
		}
		xhr.open(method,url);
		xhr.send(data);
		//对返回状态的判断
		xhr.onreadystatechange = function(){
			if(this.readyState != 4){return}
			//console.log(this.responseText);
		done(this.responseText);
		}
	}
	//执行回调函数
	function onDone(ret){
		console.log("开始执行");
		console.log(ret);
		console.log("执行完毕")
	}
	ajax("POST","/time_data",{"id1":"1","id2":"2"},onDone);
	</script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值