ajax核心知识

自己总结：就是可以不用刷新页面获得数据，异步获取数据信息，局部刷新数据。

2.XMLHttpRequest对象请求后台

练习：

<script type="text/javascript">
	function loadName(){
		var xmlHttp;
		if(window.XMLHttpRequest){
			xmlHttp=new XMLHttpRequest();
		}else{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//如果是ie6那些就没有这个。
		}
		//判断有没有这个对象
		alert("readState状态："+xmlHttp.readyState+";status状态："+xmlHttp.status);
		xmlHttp.onreadystatechange=function(){
			alert("readState状态："+xmlHttp.readyState+";status状态："+xmlHttp.status);
			if(xmlHttp.readyState==4 && xmlHttp.status==200){
				alert(xmlHttp.responseText);
				//接收数据设置值
				document.getElementById("name").value=xmlHttp.responseText;
			}
		};
		// xmlHttp.open("get", "getAjaxName?name=jack&age=11", true);
		// xmlHttp.open("post", "getAjaxName?name=jack&age=11", true);
		// xmlHttp.send();
	    //form表单提交的方式	，更加安全一点。
	    xmlHttp.open("post", "getAjaxName", true);
	    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	    xmlHttp.send("name=jack&age=11");
	}
</script>