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交互原理圖