AJAX異步請求,局部刷新　

　　window.onload=function(){　　//dom事件,頁面加載完成執行如下函數

　　　　doGetObjects();

　　}

　　function doGetObjects(){

　　1. 創建ajax請求對象(ajax引擎提供)

　　var xhr=new XMLHttpRequest();

 

　　2設置ajax請求狀態監聽(監聽相應過程)　

　　//當請求響應狀態發生變化時會執行onreadystatechange指向的函數　

　 //onreadystatechange 事件

　　//當請求被發送到服務器時，我們需要執行一些基於響應的任務。

　　//每當 readyState 改變時，就會觸發 onreadystatechange 事件。

　　//readyState 屬性存有 XMLHttpRequest 的狀態信息。

　　

　　xhr.onreadystatechange=function(){

　　//4表示響應結束,//4表示響應結束

　　if(xhr.readyState==4&&xhr.status==200){

　　doHandleResponseResult(xhr.responseText);//向頁面相應文本,xhr.responseXML向頁面相應頁面

　 //服務器響應

 

　　//如需獲得來自服務器的響應，請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性

 

　　}

　　}

 

　　3.建立與服務端的連接

　　用open方法xhr.open("POST",url,true);

 

　　4發送請求

　　xhr.send()

　　}

 

　　AJAX請求基本構架

　　

　　

　　AJAX異步請求局部刷新