javascript - Web API 获取请求正文未定义

Question

我正在阅读 Fetch API https://developer.mozilla.org/en-US/docs/Web/API/Request中请求接口的文档

我们设置主体的示例似乎不起作用。在 chrome 开发控制台（版本 84.0.4147.89）和 Firefox（84.0）上试过。

const request = new Request('https://example.com', {method: 'POST', body: '{"foo": "bar"}'});
console.log(request.url);
console.log(request.method);
console.log(request.body);

这导致，

https://example.com/
POST
undefined

我在这里做错了什么......？

编辑：

以下工作，

request.json().then((j)=>{console.log(j)});

这让我相信身体已经设置好了，但是吸气剂由于某种原因没有工作。

任何人都可以阐明发生了什么吗？

标签： javascriptfetch-apiwebapi

Answer 1

试试下面的例子：

const requestOptions = {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        foo: 'bar'
    })
}
const response = await fetch('https://example.com', requestOptions)
const result = await response.json();