首次使用 Fetch 的问题[关闭]答案

【问题标题】：Issue Using Fetch for the first time [closed]首次使用 Fetch 的问题[关闭]
【发布时间】：2019-08-17 13:08:44
【问题描述】：

我正在尝试联系Using Fetch。

为此，我制作了一个简单的测试页面，在上面的文档之后使用以下代码：

  <HTML>
  <HEAD>
  <META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=UTF-8">
  <TITLE>FETCH-TEST-PAGE</TITLE>
  </HEAD>
  <BODY>
    <script>
      fetch('http://www.example.com/TEST.json')
      .then(function(response) {
        return response.json();
      })
      .then(function(myJson) {
        console.log(JSON.stringify(myJson));
      });
    <script>
  </BODY>
  </HTML>

但即使 JSON 文件 (TEST.json) 存在于服务器上。测试页面不显示任何内容。我忘记了什么？

以防万一，这是我用于测试的 JSON 文件：

{
  "RcdKey":"118",
  "UserKey":"Z4D0xY",
  "FirstName":"Aa",
  "LastName":"Bb",
  "MailAddress":"sed969@example.com"
}

【问题讨论】：

cors?也许它不是一个有效的json？尝试登录 .catch()。
我可以在浏览器中显示它，所以我认为它是有效的。 BTW，你怎么登录一个catch，我刚开始用这个API。
fetch(url).catch(console.error).then(console.log)
浏览器在 devtools 控制台中记录的错误信息是什么？
我刚试过这个“fetch(url).catch(console.error).then(console.log)”，但没有看到任何记录。

标签： javascript fetch-api

【解决方案1】：

试试这个

fetch(url, {
  method: 'GET',
  headers: {
    Accept: 'application/json',
  },
},
).then(response => {
  if (response.ok) {
    response.json().then(json => {
      console.log(json);
    });
  }
});

【讨论】：

谢谢，但我在尝试此操作时看不到任何错误或其他消息。
我已经编辑了答案。请试试这个
我已经尝试了您新编辑的答案，没有区别。我的 HTML/JS 代码中一定有一些非常基本的错误（缺少什么？），似乎没有人从我自己开始。
尝试获取这个 url jsonplaceholder.typicode.com/todos/1 并检查它是否有效。
似乎我犯了一个愚蠢的错误：在我的代码中使用，这造成了很大的麻烦。我现在从那里工作。感谢您的帮助。