获取api和json

时间:2019-02-18 16:49:25

标签: json fetch-api console.log

由于某种原因,我的js文件第12行中的第二个then命令似乎不导电。 这是为什么 ?谢谢

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

评论员已成功回答了这个问题。谢谢

codepen

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>

1 个答案:

答案 0 :(得分:0)

Both console.log functions are working... Please run the below 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>