ajax如何请求数据原生js

Question

问题：使用ajax如何请求获得数据

我该怎么完善这串代码，使得可以在控制台请求到数据

Answer 1

参考GPT：您可以在以下代码基础上完善：

<script>
let playList = document.getElementById('playList');

function ajaxRequest() {
  // 1. 创建 XMLHttpRequest 对象
  let xhr = new XMLHttpRequest();
  
  // 2. 设置请求参数
  xhr.open("GET", "http://localhost:3aea/related/playlist", true);
  
  // 3. 设置响应处理函数
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      let jsonObj = JSON.parse(xhr.responseText);
      console.log(jsonObj); // 在控制台输出获取到的数据
    }
  };
  
  // 4. 发送请求
  xhr.send();
}

ajaxRequest();
</script>

在这个例子中，我们首先创建了一个 XMLHttpRequest 对象，然后使用 open 方法设置请求参数，包括请求类型和请求 URL，最后使用 send 方法发送请求。
在发送请求前，我们使用 onreadystatechange 事件处理函数绑定了一个回调函数，该回调函数会在响应状态改变时被调用。在这个回调函数中，我们检查 readyState 和 status，如果都符合要求，就说明请求已经完成。