如何使用此API并将其转换为JS对象

时间:2017-06-12 20:40:10

标签: javascript json

我想尝试这个api:https://newsapi.org/v1/articles?source=techcrunch&sortBy=top&apiKey=9a9c9037fecf4bcb9e49ffa581f8713b 并将其分配给JS中的变量,如果我在浏览器的控制台内调用console.log(变量),它将为我提供一个与api相关的树。这可能是一个可怕的解释,所以这是我想要得到的图片: https://imgur.com/a/nhJU5

贫瘠代码:https://imgur.com/a/Nq7gS HTML中的src ='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' 我在以前的RSS应用程序中使用了这个Yahoo YQL,但很明显它在这个版本中不起作用

1 个答案:

答案 0 :(得分:0)

var variable;
function reqListener () {
  variable=oReq.response;
  console.log(variable);
}

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.responseType="json";
oReq.open("GET", "https://newsapi.org/v1/articles?source=techcrunch&sortBy=top&apiKey=9a9c9037fecf4bcb9e49ffa581f8713b");
oReq.send();