ajax技術原理

　　眾所周知ajax的意思是非同步JavaScript和XML（Asynchronous JavaScript and XML）。這項技術的核心就是通過瀏覽器發出一個非同步HTTP請求來調用服務端的網頁或服務。

     要使用ajax技術，得建立一個XMLHttpRequest對象。Internet Explorer把XMLHttpRequest實現為一個ActiveX對象，其他瀏覽器（如Firefox、Safari和Opera）把它實現為一個本地JavaScript對象，所以為了可以在不同瀏覽器都可以使用,這個XMLHttpRequest對象得如下面這樣建立。

定義XMLHttpRequest對象
<script language="javascript" type="text/javascript">
     var xmlhttp ;
　　if (window.ActiveXObject) {
　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　else if (window.XMLHttpRequest) {
　　xmlHttp = new XMLHttpRequest();
　　}

</script>

定義完後就可以向伺服器發送請求了

向伺服器發出請求
function Query(url)
{
    xmlHttp.open("GET", url);第一個參數是要求方法通常是GET或POST，第二個參數是發送的url地址
    xmlHttp.onreadystatechange = updateDetails;//完成後要觸發的事件
    xmlHttp.send(null);

}

執行個體化updateDetails（）函數擷取伺服器返回的資料
function updateDetails()
{

通過判斷xmlHttp.readyState屬性來進行不同性況的判斷

readyState有五種可能的值：
0 (未初始化)： (XMLHttpRequest)對象已經建立，但還沒有調用open()方法。
1 (載入)：已經調用open() 方法，但尚未發送請求。
2 (載入完成)： 請求已經發送完成。
3 (互動)：可以接收到部分響應資料。
4 (完成)：已經接收到了全部資料，並且串連已經關閉。
}

以下是一幅從網上下載來的ajax互動原理圖