hhhhhh9980 2023-03-23 21:09 采纳率: 75%
浏览 73
已结题

ajax如何请求数据原生js

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

img

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

  • 写回答

10条回答 默认 最新

  • 「已注销」 2023-03-23 21:33
    关注

    参考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,如果都符合要求,就说明请求已经完成。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(9条)

报告相同问题?

问题事件

  • 系统已结题 4月1日
  • 已采纳回答 3月24日
  • 创建了问题 3月23日

悬赏问题

  • ¥15 java根据模板,生成word文档,需要带目录
  • ¥15 广告联盟的兜底广告是什么意思
  • ¥15 如何证明高斯噪声的包络公式
  • ¥150 寻找王者荣耀开发作者,合作或者解答
  • ¥15 乳腺癌数据集 相关矩阵 特征选择
  • ¥15 我的游戏账号被盗取,请问我该怎么做
  • ¥15 通关usb3.0.push文件,导致usb频繁断连
  • ¥15 有没有能解决微信公众号,只能实时拍照,没有选择相册上传功能,我不懂任何技术,,有没有给我发个软件就能搞定的方法
  • ¥15 Pythontxt文本可视化
  • ¥15 如何基于Ryu环境下使用scapy包进行数据包构造