简单的ajax的结构

<script type="javascript">
	var xmlHttpRequest=null; //生命一个空对象以接收XMLHttpRequest 对象

	function ajaxSubmit()
	{
		//---------------造对象、发请求---------------------------
		if(window.ActiveXObjext)//如果是ie
		{
			xmlHttpRequest=new XMlHttpRequest();
		}else if(window.XMLHttpRequest)//其他浏览器
		{
			xmlHttpRequest=new XMLHttpRequest();
		}
	
		if(null!= xmlHttpRequest){
			//						  url请求的地址
			xmlHttpRequest.open("get","url",true);
			//关联号ajax的回调函数      |下面的这个值改变了 ajaxCallbacky会被调用      *一次请求会被调用四次
			xmlHttpRequest.onreadystatechange=ajaxCallback;
			//真正的向服务器端发送数据
			xmlHttpRequest.send(null);
		}
		
		//------------------相应事件，一次请求此事件会被调用四次------------------------
		function ajaxCallback(){
			if(xmlHttpRequest.readyState==4)
			{
				if(xmlHttpRequest.ststus==200)
				{
					var responseText=xmlHttpRequest.responseText;
					document.getElementById("div1").innerHTML=responseText;
				}
			}
		}
	}

</script>

评论

1 楼 laj12347 2014-07-01  

httpRequest.open( "POST", url, true );
// POST 方法必须有的函数1 => 传输数据需要用setRequestHeader() 来添加 HTTP 头
httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// post 方法必须有的函数2 => 传值的方法 .send( 'name=value' );
httpRequest.send( 'data='+value );