当前位置:首页 > 开发 > 编程语言 > XML > 正文

XMLHttpRequest

发表于: 2013-05-19   作者:chinrui   来源:转载   浏览:
摘要: AJAX关于XMLHttpRequest的解释 1、所有解释在注释里面 window.onload = function() { document.getElementById("button").onclick = function() { var req = getXMLHttpRequest(); req.onreadystatechange =
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;
}

XMLHttpRequest

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号