# get請求 頁面存在的link href等都是屬于get請求 ***** ``` <button id="btn">點擊按鈕發送get請求 ajax</button> <div id="aa"></div> <script> let btnObj = document.getElementById("btn"); let aObj = document.getElementById("aa"); btnObj.onclick = function () { // 1.創建ajax對象 let ajax = new XMLHttpRequest();//對象初始化 狀態為0 // 2.設置請求路徑和請求方式 ajax.open("get", "/get_data");//載入，AJAX 對象開始發送請求,狀態為1 // 3.綁定監聽狀態改變的處理函數，在處理函數中可以獲取響應數據 ajax.onreadystatechange = () => { // 獲取ajax對象的狀態變化 console.log(ajax.readyState);//2 3 4 前面發生的兩個狀態發生的時候代碼還沒有執行到這 // 只有當狀態碼等于200 同時狀態值等于4時，才能獲取服務器響應回來的數據 if (ajax.readyState === 4 && ajax.status === 200) { //ajax.responseText 獲取服務器響應回來的數據 // 將從服務器獲取到的數據渲染到瀏覽器中 aObj.innerText = ajax.responseText; } }; //避免緩存堵塞 ajax.setRequestHeader('Cache-Control', 'no-cache'); // 4.發送請求 ajax.send(); } </script> <!--步驟--> <!--1.在發出請求的頁面，發出請求 2.在服務器端，編寫改請求的響應方法（響應內容） --> ``` ***** **服務端代碼** ``` if(/get_data.*/.test(requestUrl)){ //請求的路徑可能會不一樣，所以用正則表示 response.setHeader("Content-type","text/html;charset=utf-8"); response.write("這是服務器傳來的數據"); response.end(); } ```