如何在此api中访问此json对象？

Question

我正在尝试访问api中的项目，这样我就可以开始从json文件中获取数据了，但是似乎什么也没用。 我无法记录我试图访问控制台的任何数据。

  $(function() {

  $.ajax({
    type: 'GET',
    url: "xxx",
    dataType: 'json',
    success: function(data) {
      return console.log('success', data);
      return console.log(data[0].id);
    },
    beforeSend: function(xhr, settings) {
      xhr.setRequestHeader('Authorization', 'Bearer ' + 'xxx');
    }
  });
});

Answer 1

它不起作用，因为您要在第二个console.log之前返回。 return语句用于在该行退出函数并返回其余行的值。 您正在返回，然后尝试在实际上从未运行过的返回之后执行某些操作。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return

删除return语句，它应该可以工作。

$.ajax({
    type: 'GET',
    url: "xxx",
    dataType: 'json',
    success: function(data) {
      console.log('success', data);
      console.log(data[0].id);
    },
    beforeSend: function(xhr, settings) {
      xhr.setRequestHeader('Authorization', 'Bearer ' + 'xxx');
    }
});

Answer 2

1）在将ID记录到控制台之前，您有返回问题，因为在记录ID之前要返回它，所以return语句将结束函数执行。 所以去掉退货就可以了

2）您实际上不需要console.log（）只需放置一个调试器即可； '而不是返回，而是可以使用打开的控制台窗口重新加载页面，它将在调试器处暂停代码执行； 您可以将鼠标悬停在成功函数中正在接收的“ 数据 ”上，以查看在成功的AJAX调用中正在接收的所有数据。 希望这可以帮助