使用 Ajax API 调用后访问数据

Question

我需要在 ajax 函数请求成功后获取数据，我需要的数据 return :

{
  "total_count": 391,
  "incomplete_results": false,
  "items": [
    {
      "login": "pascalfares",
      "id": 1664478,
      "avatar_url": "https://avatars.githubusercontent.com/u/1664478?v=3",
}

我的代码是：

 $.ajax({    
    url: 'https://api.github.com/search/users?q=' + $('#search').val(),
    dataType: 'jsonp',
    type: 'GET',
    success: function(data) {
         // foreach to get the data 
    }
});

Answer 1

尝试使用以下代码段：

$.ajax({

url: 'https://api.github.com/search/users?q=fares',
dataType: 'json',
type: 'GET',
success: function(data) {
for(var i = 0; i< data.items.length; i++){
         var login = data.items[i].login;
          var id = data.items[i].id;
          console.log("ID = " +id + " Login = " + login);
      }
}
});

Answer 2

你可以在 success 函数中使用 console.log(data) 并在浏览器控制台中查看结果。
这个 API 返回了两个对象：数据和元数据。
试试这个

success: function(data) {
      for(var i = 0; i< data.data.items.length; i++){
         var login =data.data.items[i].login;
          var id = data.data.items[i].id;
          console.log("ID = " +id + " Login = " + login);
      }
}

  $(document).ready(function(){
    $('#btn').click(function(){

      $.ajax({
        url: 'https://api.github.com/search/users?q=' + $('#search').val(),
        dataType: 'jsonp',
        type: 'GET',
        success:function(data) {
       for(var i = 0; i< data.data.items.length; i++){
         var login = data.data.items[i].login;
         var id=data.data.items[i].id;
         $('#list').append("<li> Login :" +login+" | Id:"+id+"</li>");
      }
    }
  });
    });

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="#search" />
  <button id="btn" >clck</button> 
<br/><br/>
<ul id="list">
  </ul>

console.log 将消息记录到调试控制台。

Answer 3

https://jsfiddle.net/moongod101/3yotgujc/
由于某种原因，它不能查询 string 但它可以查询 numbers?

使用 Ajax API 调用后访问数据

Access data after API call using Ajax

ajax

jquery

json

github-api