# get請求

頁面存在的link href等都是屬于get請求

*****

```

點擊按鈕發(fā)送get請求 ajax

let btnObj = document.getElementById("btn");

let aObj = document.getElementById("aa");

btnObj.onclick = function () {

// 1.創(chuàng)建ajax對象

let ajax = new XMLHttpRequest();//對象初始化 狀態(tài)為0

// 2.設(shè)置請求路徑和請求方式

ajax.open("get", "/get_data");//載入，AJAX 對象開始發(fā)送請求,狀態(tài)為1

// 3.綁定監(jiān)聽狀態(tài)改變的處理函數(shù)，在處理函數(shù)中可以獲取響應(yīng)數(shù)據(jù)

ajax.onreadystatechange = () => {

// 獲取ajax對象的狀態(tài)變化

console.log(ajax.readyState);//2 3 4 前面發(fā)生的兩個狀態(tài)發(fā)生的時候代碼還沒有執(zhí)行到這

// 只有當狀態(tài)碼等于200 同時狀態(tài)值等于4時，才能獲取服務(wù)器響應(yīng)回來的數(shù)據(jù)

if (ajax.readyState === 4 && ajax.status === 200) {

//ajax.responseText 獲取服務(wù)器響應(yīng)回來的數(shù)據(jù)

// 將從服務(wù)器獲取到的數(shù)據(jù)渲染到瀏覽器中

aObj.innerText = ajax.responseText;

}

};

//避免緩存堵塞

ajax.setRequestHeader('Cache-Control', 'no-cache');

// 4.發(fā)送請求

ajax.send();

}

```

*****

**服務(wù)端代碼**

```

if(/get_data.*/.test(requestUrl)){//請求的路徑可能會不一樣，所以用正則表示

response.setHeader("Content-type","text/html;charset=utf-8");

response.write("這是服務(wù)器傳來的數(shù)據(jù)");

response.end();

}

```

總結(jié)

以上是生活随笔為你收集整理的ajax获取get请求,get请求的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。