ajax初步开发结构

<script type="text/javascript">
<!--

	var http_request = false;
	
	//:一号线:创建AJAX引擎
	function send_request(url){//初始化,指定处理函数,发送请求的函数

		http_request = false;
		
		//开始初始化XMLHttpRequest对象--ajax引擎
		if(window.XMLHttpRequest){ //Mozilla浏览器
			http_request=new XMLHttpRequest();
			if(http_request.overrideMimeType){//设置Mime类别
				http_request.overrideMimeType("text/xml");
			}
		}else if(window.ActiveXObject){//IE浏览器
			try{
				http_request=new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				try{
					http_request=new ActiveXObject("Microsoft.XMLHTTP");
				}catch(e){}
			}
		}
		if(!http_request){//异常,创建对象实例失败
			window.alert("不能创建XMLHttpRequest对象实例。");
			return false;
		}
		//ajax引擎准备结束
		//程序继续下行--表示ajax引擎创建成功
		
		//时刻准备处理从服务器返回的数据
		//状态改变触发器--状态一旦改变就会触发回调函数执行
		http_request.onreadystatechange=processRequest;
		//ajax引擎有哪四个状态
			//0-未初始化
			//1-读取中
			//2-已读取
			//3-交互中
			//4-完成--服务器已传回所有信息
		
		//打开请求+必要参数
		http_request.open("GET",url,true);
		//发送请求
		http_request.send(null);
		
	}
	
	//处理服务器返回的数据
	function processRequest(){
		if(http_request.readyState==4){//表示服务器已经传回所有信息
  //此时如果ajax请求的资源不存在 return HTTP Status 404 字符串,错误
			if(http_request.status==200){//表示返回的页面正常,可以开始处理
				alert(http_request.responseText);
				/**
				数据已经回调完毕,开始处理页面接收问题
				*/
				
			}else{//页面不正常,比如status==400的状况
				alert("您所请求的页面有异常。");
			}
		}
	}
	
</script>

相关推荐