AJAX

　　 // ajax互動4步驟

        // 1 首先建立ajax的物件 xmlHttpRequest   ----
        // 2 開啟open方法 開始互動  open中有三個引數 
                // (1)  請求的方式  GET  POST  網頁就這兩種請求 
                        // ① GET 明文顯示 有大小限制 32kb  優點速度快
                        // ② PODT 加密顯示 執行在執行到服務端 顯示為2GB 速度慢
        // 3 傳送ajax請求 send方法
        //
 
 4 是否請求成功
                // (1)使用XMLHttpRequest中的onreadystatechange 回撥函式
                // (2) 其中 readyState 是ajax的狀態碼 4 表示成功求情
                // (3) status 為伺服器狀態碼(HTTP狀態碼) 200之間 表示訪問成功 300表示頁面重定向(快取)  400之間表示請求錯誤  500之間表示伺服器錯誤
                // (4) responseText 表示請求返回的字串文字，後續可以轉換物件 或者其他的資料型別
　　　　　　　　　// (5) 報錯 Access to XMLHttpRequest at 'file:///F:/jsTest/1.text' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
 
　　　　　　　　　　　　表示請求只能是伺服器上的內容 非靜態的  使用node可以解決


        var xhr=new XMLHttpRequest();
        xhr.open('get','1.text',true);
        xhr.send();
        xhr.onreadystatechange=function (){
            if(xhr.readyState==4){
                if(xhr.status>=200 &&xhr.status<300|| xhr.status==304){
                    console.log(xhr.responseText);
                    
 
// json.parse(xhr.responseText);   轉換JSON物件
                }
            }
        }