XMLHttpRequest

AJAX关于XMLHttpRequest的解释

1、所有解释在注释里面

window.onload = function() {
	document.getElementById("button").onclick = function() {
		var req = getXMLHttpRequest();
		req.onreadystatechange = function() {
			/*
			 * XMLHttpRequest对象里面的readyState属性记录着该对象的五种状态
			 * 0--未初始化
			 * 1--初始化
			 * 2--加载中
			 * 3--加载完毕
			 * 4--完成
			 */
			//alert(req.readyState);
			
			/*
			 * 可以根据XMLHttpRequest对象的state属性判断请求处理是否成功
			 * 200——交易成功
			 * 203——返回信息不确定或不完整
			 * 304——客户端已经执行了
			 * 404——没有发现文件
			 * 500——服务器产生内部错误
			 */
			if(req.readyState == 4) {
				if(req.status == 200 || req.status == 304) {
					/*
					 * responseText：把服务器端返回的信息当作普通文本进行处理
					 * responseXML：把服务器端返回的信息当作XML文本进行处理
					 */
					alert(req.responseText);
				}
			}
		}
		
		/*
		 * open(method,url,boolean);
		 * method 请求的方式：GET/POST
		 * url 请求处理的URL地址
		 * boolean 是否异步，true为异步，false为非异步
		 * 有些浏览器会存在缓存，如果出现同样的请求就会直接从缓存里面取值
		 * 在请求后面加上时间戳，避免请求重复
		 */
		req.open("get","servlet/Servlet?timeStamp=" + new Date().getTime(),true);
		
		/*
		 * 当使用GET方式进行请求的时候
		 * 使用send方法传递的服务器端不能接受
		 */
		req.send(null);
	}
}

function getXMLHttpRequest() {
	var req;
	
	//根据不同的浏览器创建不同的XMLHttpRequest对象
	if(window.XMLHttpRequest) {  
        req = new XMLHttpRequest();  
    } else if(window.ActiveXObject) {  
        req = new ActiveXObject("Microsoft.XMLHTTP");  
    } 
	
	return req;
}