Reddit API-API和附加.json并获取首页信息的区别
Reddit API - difference between API and appending .json and getting front page info
我是处理其他API的应用程序的新手,尤其是那些需要OAuth身份验证的应用程序。
目前,我只是想在我的应用程序中获取有关Reddit首页列表的信息。
我在这里看到的是这个Reddit API文档,但我读到的是,要获得Reddit的JSON表示,你只需要在url后面添加一个.JSON。
所以我发送了一个HTTP GET请求,比如:
$(document).ready(function () {
httpGetAsync("https://www.reddit.com/.json");
});
function httpGetAsync(url) {
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
alert(JSON.stringify(xmlHttp.responseText, null, 4));
}
xmlHttp.open("GET", url, true); // true for asynchronous
xmlHttp.send(null);
}
但这似乎只是返回reddit页面上的最后一篇帖子,或者我可能无法判断,因为警报框无法显示巨大的JSON响应?
我想是这样的,并尝试:
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
parseResponse(xmlHttp.responseText);
}
xmlHttp.open("GET", url, true); // true for asynchronous
xmlHttp.send(null);
function parseResponse(responseText) {
var x = (JSON.parse(responseText));
alert(x.count);
}
但在警报框中得到了一个未定义的。有什么想法吗?
目标是获得reddit JSON响应信息(标识符)的25个首页
您可能需要使用jQuery来检索和解析数据:
$.getJSON( "https://www.reddit.com/.json", function( data ) {
$.each( data.data.children, function( i, obj ) {
console.log(obj.data.id);
});
});
我为您制作了一个检索前25个ID的工作示例:
https://jsfiddle.net/enmpw8qf/
尝试使用console.log(...)
而不是alert(...)
来显示信息。打开控制台(Chrome上的F12)并在那里查看输出。
JSON.stringify(xmlHttp.responseText, null, 4)
xmlHttp.responseText
已经是一个字符串;你想把绳子串起来。
相反,尝试(如果你只想看到文本):
console.log(xmlHttp.responseText);
或者,如果您想查看对象:
console.log(JSON.parse(xmlHttp.responseText));
相关文章:
- Shopify-加载'集合/全部'在我的首页
- 在首页动画化一个标志3秒钟,然后显示一个图像滑块
- addClass(JS,jQuery)只在首页//店铺模板
- AngularJS分页-获取当前页面并传递给控制器
- 使用 JavaScript 获取首页(母版页)
- 使用后退按钮后,如何从上一页获取无线电值
- 无法从 ASPX 页获取到 ASPX.cs 的值
- instaEarth是如何在他们的首页上创建地图的
- Javascript转到首页按钮
- 如何只打印首页
- Reddit API-API和附加.json并获取首页信息的区别
- 如何使用javascript将数据从数据库调用到ionic框架(angularjs)的首页
- 如何在元素位于首页或底页时动态设置顶部css
- 如何从父页获取属性值.我试着用开门器和窗户.但是没有;不起作用
- 如何从iframe父页获取类值
- 滑块不工作在首页.php在wordpress
- jquery悬停只适用于首页(Chrome)
- JS条件:运行脚本,如果不是在首页
- 从第1页获取Array,并使用on- click (AngularJS)在第2页使用它
- Webpack:只在首页内嵌CSS