一个Ajax类库及使用方法

前端之家收集整理的这篇文章主要介绍了一个Ajax类库及使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax.js

function Ajax(recvType){
	var aj=new Object();
	aj.recvType=recvType ? recvType.toUpperCase() : 'HTML' //HTML XML
	aj.targetUrl='';
	aj.sendString='';
	aj.resultHandle=null;
	aj.createXMLHttpRequest=function(){
	var request=false;	
	//window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
	if(window.XMLHttpRequest){
		request=new XMLHttpRequest();
		if(request.overrideMimeType){
			request.overrideMimeType("text/xml");
		}
	//window对象中有ActiveXObject属性存在就是IE
	}else if(window.ActiveXObject){
		var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
		for(var i=0; i<versions.length; i++){
			try{
				request=new ActiveXObject(versions[i]);
				if(request){
					return request;
				}
			}catch(e){
				request=false;
			}
		}
	}
		return request;
	}
	aj.XMLHttpRequest=aj.createXMLHttpRequest();
	aj.processHandle=function(){
		if(aj.XMLHttpRequest.readyState == 4){
			if(aj.XMLHttpRequest.status == 200){
				if(aj.recvType=="HTML")
					aj.resultHandle(aj.XMLHttpRequest.responseText);
				else if(aj.recvType=="XML")
					aj.resultHandle(aj.XMLHttpRequest.responseXML);
			}
		}
	}

	aj.get=function(targetUrl,resultHandle){
		aj.targetUrl=targetUrl;	
		
		if(resultHandle!=null){
			aj.XMLHttpRequest.onreadystatechange=aj.processHandle;	
			aj.resultHandle=resultHandle;	
		}
		if(window.XMLHttpRequest){
			aj.XMLHttpRequest.open("get",aj.targetUrl);
			aj.XMLHttpRequest.send(null);
		}else{
			aj.XMLHttpRequest.open("get",aj.targetUrl,true);
			aj.XMLHttpRequest.send();
		}
	}

	aj.post=function(targetUrl,sendString,resultHandle){
		aj.targetUrl=targetUrl;
		if(typeof(sendString)=="object"){
			var str="";
			for(var pro in sendString){
				str+=pro+"="+sendString[pro]+"&";	
			}
			aj.sendString=str.substr(0,str.length-1);
		}else{
			aj.sendString=sendString;
		}
		if(resultHandle!=null){
			aj.XMLHttpRequest.onreadystatechange=aj.processHandle;	
			aj.resultHandle=resultHandle;	
		}
		aj.XMLHttpRequest.open("post",targetUrl);
		aj.XMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		aj.XMLHttpRequest.send(aj.sendString);
	}
	return aj;
}

使用方法
<script type="text/javascript">
	var ajax = Ajax(); // 实例化对象,默认为 HTTP,如果传入 XML,返回 XML 对象
	// Ajax 的 get 方法使用说明
	/**
	* function(targetUrl,resultHandle)
	* @param string targetUrl 传递过去的 URL 地址
	* @param string resultHandle 回调函数,可选项
	*/
	ajax.get('test.PHP?name=liruxing&email=liruxing1715@sina.com',function(data) {
		eval("var obj="+data);
		alert(obj.name);
		alert(obj.email);
	});
	
	// Ajax 的 post 方法使用说明
	/**
	* function(targetUrl,resultHandle)
	* @param string targetUrl 传递过去的 URL 地址
	* @param string sendString 参数值
	* @param string resultHandle 回调函数,可选项
	*/
	ajax.post('test.PHP','name=liruxing&email=liruxing1715@sina.com',function(data){
		eval("var obj="+data);
		alert(obj.name);
		alert(obj.email);
	})
	
	// post 第二种格式,第二个参数为 Json 格式
	ajax.post('test.PHP',{name:'李茹星',email:'liruxing1715@sina.com'},function(data){
		eval("var obj="+data);
		alert(obj.name);
		alert(obj.email);
	})
</script>

猜你在找的Ajax相关文章