Javascript 中发送 GET 请求

在 Javascript 中，我们可以使用 XMLHttpRequest 对象发送 GET 请求。XMLHttpRequest 对象用于在浏览器和服务器之间发送数据。

发送 GET 请求步骤

1. 创建 XMLHttpRequest 对象

let xhttp = new XMLHttpRequest();

2. 使用 open() 方法设置请求的参数

xhttp.open("GET", "http://example.com/api");

3. 使用 setRequestHeader() 方法设置请求头（可选）

xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

4. 发送请求

xhttp.send();

5. 在 onreadystatechange 事件中处理响应结果

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
  }
};

完整示例

let xhttp = new XMLHttpRequest();
xhttp.open("GET", "http://example.com/api");
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.responseText);
  }
};
xhttp.send();

注意：由于浏览器的跨域安全限制，如果请求的域名与当前网页所在的域名不同，则需要在服务器端设置相应的 CORS 头信息。