javascript发布请求错误

时间:2020-09-28 08:09:22

标签: fetch

请帮助我检查此发帖请求。 从昨天开始我一直在看它,我不知道它是怎么了 也许我需要另一个开发人员的眼睛。

预先感谢

buttons.addEventListener('click', ()=>{

fetch("https://jsonplaceholder.typicode.com/comments", config)
.then(res=>{
      res.json();
  }).then(datae=>{
      console.log(datae);
  })

});

const config = { 方法:“ POST”, 标头:{ '内容类型':'应用程序/ json' }, 正文:JSON.stringify(newName) }

1 个答案:

答案 0 :(得分:0)

buttons.addEventListener('click', () => {
  fetch('https://jsonplaceholder.typicode.com/comments', config)
    .then((res) => {
      return res.json()
    })
    .then((datae) => {
      console.log(datae)
    })
})

您只需要return res.json()

这应该可以,但是请记住,传递给.then函数的函数可以访问前一个.then返回的值。

  • fetch返回一个承诺,该承诺使用.json函数解析为一个对象
  • 因此在第一个.then中它将获取该对象,并且您需要返回res.json(),该返回的诺言将被解析为JSON数据
  • 因此在下一个.then中,您可以使用该数据

我希望我很清楚

注意:

.then函数返回一个promise(始终)

也许您在config变量中有错误,您传递给JSON.stringify函数的内容应该是有效的javascript对象

const config = {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'rowadz' }),
}