实现AJAX请求

最新推荐文章于 2024-11-03 23:16:52 发布

Katrina~

最新推荐文章于 2024-11-03 23:16:52 发布

阅读量60

点赞数

分类专栏： js手写题文章标签： ajax 前端

本文链接：https://blog.csdn.net/weixin_45825917/article/details/133143990

版权

js手写题专栏收录该内容

51 篇文章 0 订阅

订阅专栏

const SERVER_URL = "/server";
let xhr = new XMLHttpRequest();
// 创建 Http 请求
xhr.open("GET", SERVER_URL, true);
// 设置状态监听函数
xhr.onreadystatechange = function() {
  if (this.readyState !== 4) return;
  // 当请求成功时
  if (this.status === 200) {
    handle(this.response);
  } else {
    console.error(this.statusText);
  }
};
// 设置请求失败时的监听函数
xhr.onerror = function() {
  console.error(this.statusText);
};
// 设置请求头信息
xhr.responseType = "json";
xhr.setRequestHeader("Accept", "application/json");
// 发送 Http 请求
xhr.send(null);