Question

我需要在ajax函数请求成功后得到数据，我需要返回的数据：

{
  "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

您可以在成功功能中使用console.log(data)并在浏览器控制台中查看结果这个API返回了两个对象：data和meta 试试这个

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);
      }
}

＆＃13;

  $(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>");
      }
    }
  });
    });

  });

＆＃13;

<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>

＆＃13;

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

Answer 3

https://jsfiddle.net/moongod101/3yotgujc/
出于某种原因，它无法查询<script src="https://npmcdn.com/rxjs@5.0.0-beta.11/bundles/Rx.umd.js"></script>但它可以查询string？

使用Ajax调用API后访问数据

3 个答案: