js封装ajax函数

	/*
		数据处理工具
	*/
	function urlParmsHandler(obj){
		var arr = [];  //定义一个数组存放数据
		/*遍历对象的属性和值并添加的数组中*/
		for(var key in obj){
			arr.push(key + "=" + obj[key]);
		}
		return arr.join("&");
	}

	/*
		ajax工具库:
			method:请求方式,get或post;
			url:请求的路径;
			isAsync:是否异步请求,true或false
			data:发送的请求数据
			success:成功时候的要执行的函数。
			error:请求失败的时候要执行的函数
	*/
	function ajax(o){
		//第一步:创建AJAX对象
		var xhr;
		if(window.XMLHttpRequest){
			xhr = new XMLHttpRequest(); //标准模式
		}else{
			xhr = new ActiveXObject("Microsoft.XMLHTTP") //IE6
		}
		//和服务器建立连接
		if(o.method.toLowerCase()=="get"){ //如果是get请求方式
			if(o.data){  //如果有发送数据
				o.url= o.url + "?random=" + Math.random() + "&" + urlParmsHandler(o.data);
				xhr.open("get",o.url,o.isAsync)
			}else{
				o.url = o.url + "?random=" + Math.random();
				xhr.open("get",o.url,o.isAsync)
			}
			///xhr.open(“get”,,true);
			//发送请求
			xhr.send();
		}else{    //如果是post请求
			xhr.open("post",o.url,o.isAsync);
			xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); //模拟表单提交
			//发送请求
			xhr.send(urlParmsHandler(o.data));
		}
		//是否是异步
		if(o.isAsync){
			//注册状态监听事件
			xhr.onreadystatechange = function(){
				responsetHandler();
			}
		}else{
			responsetHandler();
		}
		
		/*处理响应*/
		function responsetHandler(){
			if(xhr.readyState==4){   //读取完成(并不是成功)
				if(xhr.status==200){  //状态码 代表成功
					o.success(xhr.responseText);
				}else{  //代表失败
					o.error(xhr.statusText);
				}
			}
		}	
	}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值