Ajax学习笔记

使用Ajax有几个步骤：

window.onload = function() {
	// 第一步：创建Ajax对象
	var xhr = ajaxFunction();
	// 第二步：服务器响应请求
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 2) {
			if (xhr.status == 200) {
				var data = xhr.responestText;//获取文本格式的服务器返回数据
				//var docXml=xhr.responseXML;//获取xml格式的服务器返回数据
			}
		}
	}

	/**
	 * 第三步：Ajax对象打开请求
	 * 
	 * @param post请求方式为post
	 * @param 参数2为请求路径
	 * @param 参数3为是否异步请求
	 */
	xhr.open("post", "", "true");

	/**
	 * 发送请求参数等
	 */
	xhr.send("a=1&b=2");
}
// 创建Ajax对象的方法 已考虑兼容性
function ajaxFunction() {
	var xmlHttp;
	try {// Firefox,Opear 8.0+,Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		try {// Internet Explorer
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
			}
		}
	}
	return xmlHttp;
}

按照上述步骤可以使用Ajax做开发.