使用fetch post json数据的问题

最新推荐文章于 2024-08-08 09:12:41 发布

neoveee

最新推荐文章于 2024-08-08 09:12:41 发布

阅读量2.7w

点赞数 2

分类专栏： javascript 文章标签：数据 json fetch

本文链接：https://blog.csdn.net/neoveee/article/details/54985418

版权

本文探讨了在使用fetch进行POST请求发送JSON数据时遇到的数据类型不支持和非JSON数据错误。问题源于fetch的mode设置不当以及body字段未正确序列化。解决方案是将mode设置为'cors'并确保使用JSON.stringify序列化JSON数据。同时，若需携带credentials，需设置credentials: 'include'。

摘要由CSDN通过智能技术生成

场景

在项目中使用fetch框架，向一个服务器发送JSON数据，请求方式为post

let myHeaders = new Headers();
myHeaders.append('Content-Type', 'application/json');
let request = new Request('./api', {
       method: 'POST', 
       mode: 'no-cors',
       body:JSON.stringify(tubState),
       headers:myHeaders
});
fetch(request)
   .then(response => response.json())