获取 api 和 json

Question

出于某种原因，我的 js 文件第 12 行中的第二个 then 命令似乎是绝缘的。这是为什么？谢谢

编辑：问题应该是：出于某种原因，第二个 console.log 没有给出输出。

该问题已被评论者成功解答。谢谢

document.getElementById('btn').addEventListener('click', btnPressed);

function btnPressed() {

  fetch("https://randomuser.me/api")
    .then(function(res) {
      console.log(res);
      return res.json();

    })
    .then(function(data) {
      console.log(data);
    })
    .catch(err => console.log('Error,with     message:', err.statusText))
}

<button id=btn>Button</button>

Answer 1

Both console.log functions are working... Please run the below code.



<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre><code>    document.getElementById('btn').addEventListener('click', btnPressed);

    function btnPressed() {

      fetch("https://randomuser.me/api")
        .then(function(res) {
console.log("...................1st console Start");
          console.log(res);
console.log("...................1st console End");
          return res.json();

        })
        .then(function(data) {
console.log("...................2nd console Start");
          console.log(data);
console.log("...................2nd console End");
        })
        .catch(err => console.log('Error,with     message:', err.statusText))
    }

    <button id=btn>Button</button>

获取 api 和 json

fetch api and json

json

console.log

fetch-api