Ajax學習筆記

1 什麼是Ajax

1.1 概念

Ajax（Asynchronous Javascript And XML）（異步的 JavaScript 和 XML）是一種快速建立動態頁面的技術。其本質是請求服務端的少許數據，從而達到快速更新頁面的，其核心是Ajax引擎。

2 技術出現背景

每個新技術的出現，都是在解決和優化在業務上的痛點和效率問題，而Ajax經過一加一減的方式，（增長Ajax引擎，減小對於服務器的訪問）解決了傳統技術中請求響應時間長的痛點。
Ajax引擎能夠把Ajax當作是一個靜態數據的存儲器，存儲的是網頁等靜態資源，一般不須要訪問服務器的網頁的跳轉等工做都由Ajax引擎來作出響應，當要訪問服務器存儲的動態數據的時候，響應就會由服務器來完成。

2.1 傳統的方式服務器作出響應的原理

2.2 Ajax方式服務器作出響應的原理

3 Ajax入門

3.1 請求響應原理

Ajax請求會基於DOM（HTML元素）事件，XHR（XMLHttpRequest）對象，實現與服務端的異步請求局部刷新。

3.2 請求步驟

1.建立XHR對象
2.註冊XHR對象監聽，經過回調函數處理狀態信息
3.創建與服務端的鏈接
4.發送異步請求實現與服務端的通訊
5.經過回調函數得到結果信息而且作出響應

function ajaxDemo(url,params,callback){
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4&&xhr.status==200){
            callback(xhr.responseText);
        }
    }
     xhr.open("GET",url+"?"+params,true);
     xhr.send(null);
}