D3:如何从Github API中提取JSON

时间:2017-12-13 11:43:30

标签: d3.js github github-pages github-api

我正在尝试使用github API数据进行可视化,但似乎无法将其拉出来。从文档中我认为以下行可以工作,但在运行时没有任何内容打印到控制台。我错过了什么

d3.json("https://api.github.com/search/users?q=ronanmacf", 
function(data) {
console.log(data[0]);
});

2 个答案:

答案 0 :(得分:2)

它可以工作,但是,在这种情况下,服务器响应是一个对象,而不是一个数组,因此undefined带有console.log(data[0])。如果您更改它console.log(data),您将在控制台中看到github用户数据。运行以下代码段:



d3.json("https://api.github.com/search/users?q=ronanmacf", 
function(data) {
console.log(data);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.12.0/d3.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

jQuery中,我们也将console.log(data)代替console.log(data[0])

&#13;
&#13;
$.getJSON( "https://api.github.com/search/users?q=ronanmacf", function( data ) {
  console.log(data);
 });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;