如何在此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調用中正在接收的所有數據。 希望這可以幫助