1. 程式人生 > >Ajax:響應資料

Ajax:響應資料

資料提交到的兩種請求Get和Post基本上都會使用後,就應該想獲取資料的問題了。前面我們都一直很無私的往伺服器提交資料,那麼伺服器返回的那些資料,我們又該怎麼通過Ajax去拿呢?

這裡就要靠xmlhttprequest的事件onreadystatechange,這是用來監聽我們請求的一些狀態,比如:成功了還是失敗了。如果成功,想獲取資料,得靠xmlhttprequest的responseTextresponseXML屬性

完整例子:

function doGet() {
	//1、獲取XMLHttpRequest物件,程式碼跟以前一樣,此處不再贅述。
	var request = ajaxFunction();

	//2、獲取請求
	// http://localhost:8080/day16/demo01.jsp
	//http://localhost:8080/day16/DemoServlet01
	/*	
	引數一: 請求型別  GET or  POST
	引數二: 請求的路徑
	引數三: 是否非同步, true  or false
	*/
	request.open("GET", "ServletDemo1", true);
		
	//3、獲取相應資料,注意監聽的意思。一會準備的狀態發生了改變,那麼就執行=右邊的方法
    //對請求的狀態 進行監聽。
	request.onreadystatechange=function(){
		//前半段表示  已經能夠正常處理。在判斷狀態碼是否是200
		if(request.readyState==4 && request.status==200){
		        //設定節點id為 myDiv的標籤 結果為 我們請求得到的響應文字
			document.getElementById("myDiv").innerHTML=request.responseText;
		}
	}
    //傳送請求
	request.send();
}