Javascript：将 AJAX 结果保存为类变量

使用 JavaScript 将 AJAX 结果保存为类变量

javascript
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求，指定请求方法和URL
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts/1', true);
// 发送请求
xhr.send();
// 注册一个回调函数，当请求完成时调用
xhr.onreadystatechange = function () {
  // 检查请求状态
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 处理响应数据
    var responseData = JSON.parse(xhr.responseText);
    console.log(responseData);
  }
};

javascript
class AjaxHandler {
  constructor() {
    this.data = null;
  }
  fetchData() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts/1', true);
    xhr.send();
    xhr.onreadystatechange = () => {
      if (xhr.readyState == 4 && xhr.status == 200) {
        this.data = JSON.parse(xhr.responseText);
        this.handleData();
      }
    };
  }
  handleData() {
    // 在这里处理获取的数据，可以进行进一步的操作或者更新页面
    console.log('Data:', this.data);
  }
}
// 创建一个新的实例
const ajaxHandler = new AjaxHandler();
// 发起数据请求
ajaxHandler.fetchData();