老师请帮忙检查

老师请帮忙检查

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">点击发送POST请求</button>

    <script>
      const Btn = document.getElementById("btn");

      Btn.addEventListener(
        "click",
        () => {
          const url =
            "https://www.imooc.com/api/http/json/search/suggest?words=js";

          const xhr = new XMLHttpRequest();

          xhr.addEventListener(
            "load",
            () => {
              if (
                (xhr.status >= 200 && xhr.status < 300) ||
                xhr.status === 304
              ) {
                console.log("response:", xhr.response);
              }
            },
            false
          );

          xhr.open("POST", url, true);
          xhr.send(JSON.stringify({ username: "imooc" }));
        },
        false
      );
    </script>
  </body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-10-08 16:49:33

同学你好,缺少设置JSON格式的请求头,建议添加上,示例:

https://img1.sycdn.imooc.com//climg/634139920907f57d16060454.jpg

祝学习愉快~

  • 提问者 清夏_ #1

    老师添加上这个有什么变化吗

    2022-10-08 17:32:24
  • 好帮手慕慕子 回复 提问者 清夏_ #2

    添加后,请求头格式为设置的值,示例:

    https://img1.sycdn.imooc.com//climg/634144ad09d74c7625021556.jpg

    https://img1.sycdn.imooc.com//climg/634144da09c81e8526321576.jpg

    祝学习愉快~

    2022-10-08 17:38:11
  • 提问者 清夏_ 回复 好帮手慕慕子 #3

    是不是设置JSON格式的请求头    用来告诉服务器我们是如何来携带数据的

    2022-10-08 17:46:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师