創建ajax的過程

step1. 創建XMLHttpRequest對象，也就是創建一個異步調用對象； 
step2. 創建一個新的HTTP請求，並指定改HTTP請求的方法、URL以及驗證信息； 
step3. 設置響應HTTP狀態變化的函數； 
step4. 發送HTTP請求； 
step5. 獲取異步調用返回的數據； 
step6. 使用javascript和DOM實現局部刷新；

代碼實現：

<script type="text/javascript">
    window.onload = function(){
        //第一步：創建xhr對象
        //xhr是一個對象；里面可以放很多東西，數據；
        var xhr = null;
        if(window.XMLHttpRequest){//標准瀏覽器
            xhr = new XMLHttpRequest();//創建一個對象
        }else{//早期的IE瀏覽器
            xhr = new ActiveXObject('Microsoft.XMLHTTP');//參數是規定的；
        }
        console.log("狀態q"+xhr.readyState);//0
        //第二步：准備發送請求-配置發送請求的一些行為
        //open即打開鏈接，第一個參數是以什么方式；第二個是往哪兒發送請求，第三個可以不寫，默認true,表示異步，false表示同步；；
        xhr.open('get','03form.php',true);
        console.log("狀態w"+xhr.readyState);//1

        //第三步：執行發送的動作
        //send也可以寫在前面，推薦寫在后面；寫null是兼容問題；
        xhr.send(null);
        console.log("狀態e"+xhr.readyState);//1

        //第四步：指定一些回調函數，也屬於事件函數；不觸發不執行，觸發條件是xhr.readyState;z這個值有0-4，共5個狀態，是由瀏覽器控制的；
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4){//4指服務器返回的數據可以使用；
                if(xhr.status == 200){ //判斷已經成功的獲取了數據；200表示hTTP請求成功；404表示找不到頁面；503表示服務器端有語法錯誤；
                    var data = xhr.responseText;//json，文本，主角；
                    // var data1 = xhr.responseXML;
                }
            }
            // console.log("狀態t"+xhr.readyState);//2表示已經發送完成；

            // console.log(1234);
        }

        // console.log(456);
        console.log("狀態r"+xhr.readyState);//1


    }
    </script>