AJAX基礎瞭解

一、工作原理（三步）

Browser（瀏覽器）：

1、創建一個XMLHttpRequest對象；

2、發送HttpRequest

通過Internet

Server（服務器）：

1、接收HttpRequest；

2、創建一個響應並且發送數據返回瀏覽器；

再通過Internet

Browser（瀏覽器）

1、用JavaScript接收data；

2、更新頁面內容；

二、請求方式

將請求發送到服務器，使用XMLHttpRequest對象的open（）和send（）方法；

1. open(method,url,async);

   規定請求的類型，URL以及時否異步處理；（method可以爲"POST"或者"GET"；URL爲文件在服務器上的位置；async的值可以是"true"或"false"，其中true爲異步，false爲同步）

2. send(string);

   將請求發送到服務器；注意string只用於POST請求；

三、一個簡單的實例

<script type="text/javascript">
	function lodehttp(url) {
	var xmlhttp;
	if (window.XMLHttpRequest) {
		//code for IE7+,Firefox,Chrome,Opera,Safari
		xmlhttp = new XMLHttpRequest();
		alert("支持XMLHttpRequest");
	}
	else{
		//code for IE5、IE6
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		alert("不支持");
	}
	xmlhttp.onreadystatechange = function(){
		if (xmlhttp.readyState = = 4&&xmlhttp.status = = 200) {
			document.getElementById('SomeId').innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.open("POST","url",true);
	xmlhttp.send("fname=Zheng&lname=Jie");   
	}
</script>

onreadystatechange事件：基於響應的任務，當readyState屬性改變時，就會調用該函數；

readyState在0~4變化（當值爲4時，表示請求已完成，且響應就緒）；

Status值爲200表示“ok”，值爲404表示“未找到頁面”；

四、JavaScript與Ajax

JavaScript是一種在客戶端執行的腳本語言。Ajax是基於JavaScript的一種技術，它主要用途是提供異步刷新（只刷新頁面的一部分，而不是整個頁面都刷新）。

一個是語言，一個是技術，兩者有本質區別；

五、Ajax組成

1、基於XHTML和CSS標準的表示；

2、使用DOM進行動態顯示和交互；

3、使用XML和XSLT做數據交互操作；

4、使用XMLHttpRequest與服務器進行異步通信；

5、使用JavaScript綁定一切；

六、Ajax瞭解

1、Ajax結合了Java技術、XML以及JavaScript等編程技術，可以讓開發人員構建基於Java技術的Web應用，並打破了使用頁面重載的管理；

2、Ajax使用非同步HTTP請求，在Browser和Web Server之間傳遞數據；

3、Ajax使用客戶端腳本與Web服務器交換數據的Web應用開發方法；