ajax获取get请求,get请求

# get请求

页面存在的link href等都是属于get请求

*****

```

点击按钮发送get请求 ajax

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();

}

```

*****

**服务端代码**

```

if(/get_data.*/.test(requestUrl)){//请求的路径可能会不一样，所以用正则表示

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

response.write("这是服务器传来的数据");

response.end();

}

```