javascript - 如何使用 Fetch 发布 x-www-form-urlencoded 请求并使用答案？

Question

这是我的代码：

fetch('http://localhost:3000', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: new URLSearchParams({
    'size': 'size_id',
    'style': 'style_id',
    'qty': '1'
  })
})
  .then(res => {
    console.log(res)
  });

我的问题是我只得到了“待处理的承诺”。我对 js 完全陌生，对 js 也很陌生，所以请不要怪我。

Answer 1

res是Response，而不是响应数据。

你期待json吗？然后做：

fetch('http://localhost:3000', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: new URLSearchParams({
    'size': 'size_id',
    'style': 'style_id',
    'qty': '1'
  })
})
  .then(res => res.json())
  .then(res => {
    console.log(res)
  });

否则得到这样的普通响应数据/文本：

fetch('http://localhost:3000', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: new URLSearchParams({
    'size': 'size_id',
    'style': 'style_id',
    'qty': '1'
  })
})
  .then(res => res.text())
  .then(res => {
    console.log(res)
  });