如何使用 JavaScript 从 URL 读取数据？

Question

我想使用 JavaScript 从 URL 读取数据。

下面是我的代码，

function Parent() {
  const [data, setData] = React.useState(null);
  const url = 'someurl';
  React.useEffect(() => {
      fetch(url)
        .then(res => JSON.stringify(res))
        .then(data => setData(data);
        });
    if (data) {
      console.log('data', data);
    }

  }

记录数据状态将给出如下结果，

{
  "count": 2,
  "results": [{
      "title": "title1",
      "characters": [
        "character1",
      ],

    },
    {
      "title": "title2",
      "characters": [
        "character3",
      ],

    },
  ]
}

如何从 URL 读取结果对象？

Answer 1

你不做

fetch(url)
   .then(res => JSON.stringify(res))
   //...

相反，你做

fetch(url)
   .then(res => res.json())
   //...

原因是res是一个Response see MDN ，它包含的不仅仅是您感兴趣的数据（响应正文）。

Answer 2

简单地

fetch(url)
  .then(res => res.json())
  .then(data => setData(data))