fetch的GET和POST请求

最新推荐文章于 2025-04-24 08:00:00 发布

LxyingINGing

最新推荐文章于 2025-04-24 08:00:00 发布

阅读量3.8k

点赞数 9

分类专栏： vue 文章标签： vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/LxyingINGing/article/details/135880661

版权

vue 专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了如何在JavaScript中使用fetchAPI进行GET和POST请求，包括设置请求头、携带参数以及处理响应数据的解析过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

个人笔记，仅供参考。

1.GET请求

     fetch(
        `https://...?params=params&params1=params1...`,
        {
          method: "GET",
          headers: {
          "Content-Type": "application/json",
          "Authori-Zation": `Bearer ${localStorage.getItem("token")}`,
        },
        }).then((resp) => resp.json())
        .then(data => {
          //解析 {data}
        });

2.POST请求

    fetch("https://...",{
        method:"POST",
        headers:{
           "Content-Type": "application/json",
        },
        body: JSON.stringify({
            account:acc,
            password:pwd,
        }),
      })
      .then(resp=>resp.json())
      .then(({data})=>{
         console.log(data);
      });