JavaScript Ajax -优快云博客

本文详细介绍了如何使用JavaScript创建AJAX引擎，并通过XMLHttpRequest对象实现post请求、设置请求头、发送请求及处理返回值的过程。

	<script type="text/javascript">
		    
	    function startRequest(){
	        var xhr;
	        
	        if(window.XMLHttpRequest){
	            xhr = new XMLHttpRequest();
	        } else if (window.ActiveXObject){
	            xhr = new ActiveXObject();
	        }
	        
	        xhr.open('post','ajaxTestServlet');
	         alert("3");
	        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	        
	        xhr.onreadystatechange = function(){
	        	if(xhr.readyState == 4){
		               alert("返回的信息是："+xhr.responseText);
		         }
	        };
	         
	        var name = document.getElementById("username").value;
	        xhr.send("username="+name);
	 
	    }
	     
	</script>

1.利用javascript创建ajax引擎，即XMLHttpRequest对象

2.在XMLHttpRequest中设置要发送的请求，利用的是open（arg0,arg1,arg2）方法: xmlHttp.open()

arg0：该次请求提交的方式：get/post

arg1：该次请求的路径url，如果是get，则需要在路径后加上传递的相应参数parama

arg2：代表的是该次请求的模式，同步模式/异步模式（true）,通常采用异步提交模式

3.发送请求，调用send()方法

4.需要处理返回值，就要监听readyState，处理每次状态的改变，当状态为4时，将返回值进行真正处理