未收到 JavaScript 获取请求正文参数

Question

背景： 我正在尝试使用 JavaScript 向服务器发送 put 请求并从我正在编写的 html 文件中获取。

问题： 我提出的请求在 Insomnia 中工作，但是当我尝试从 html 发送它时，它没有被正确接收。该代码也是由 Insomnia 生成的。 当我从 html 发送请求时，请求被发送，我得到了一个好的回复，但是服务器没有完成请求中的任务，让我相信它没有收到或者我错过了一些东西。 尝试发送请求时，控制台会显示一个响应，即“ok”、200 等，但也有一个“bodyUsed: false”部分。

Insomnia 生成的函数：

fetch("url", {
  "method": "PUT",
  "headers": {
    "content-type": "application/x-www-form-urlencoded"
  },
  "body": {
    "name": "name",
    "desc": "description"
  }
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.log(err);
});

问题： 代码有什么问题吗？服务器如何接收请求而不是正文？ “bodyUsed: false”消息是否意味着请求的正文由于某种原因被忽略了？难道这都是服务器的错吗？

免责声明： 我对 Web 开发有点陌生，如果我遗漏了一些明显的观点，请原谅我。

Answer 1

如果您保留"content-type": "application/x-www-form-urlencoded" 并且您的服务器是这样配置的，您应该使用FormData 发送您的数据，如下所示：

var formData = new FormData(); 
formData.append('name', 'Chris');
formData.append('descr', 'description');

fetch("url", {
  "method": "PUT",
  "headers": {
    "content-type": "application/x-www-form-urlencoded"
  },
  "body": formData
})
.then(response => {
  console.log(response);
})
.catch(err => {
  console.log(err);
});

Answer 2

试试这个

let formData = new FormData();

formData.append('name', 'name value');
formData.append('desc', 'description value');

fetch('url', {
    method: 'POST',
    credentials: 'same-origin',
    body: formData
}).then(rawResponse => rawResponse.json())// or rawResponse.text() to get simple string
        .catch(error => {
            console.log(error);
        })
        .then(response => {
            console.log(response);
        });