Skip to content

Instantly share code, notes, and snippets.

@sente

sente/reddit.html

Created April 28, 2011 22:32
Show Gist options
  • Star 25 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save sente/947491 to your computer and use it in GitHub Desktop.
Save sente/947491 to your computer and use it in GitHub Desktop.
Download ZIP
An example of a retrieving data from reddit's JSON(p) api using jquery
Raw
reddit.html
<!DOCTYPE html>
<!--
Stuart Powers
http://sente.cc/
http://twitter.com/stuartpowers
-->
<html>
<head>
<script src="http://j.mp/jqymin"></script>
</head>
<body>
<div id="reddit-content">
</div>
<script>
$.getJSON(
"http://www.reddit.com/r/pics.json?jsonp=?",
function foo(data)
{
$.each(
data.data.children.slice(0, 10),
function (i, post) {
$("#reddit-content").append( '<br>' + post.data.title );
$("#reddit-content").append( '<br>' + post.data.url );
$("#reddit-content").append( '<br>' + post.data.permalink );
$("#reddit-content").append( '<br>' + post.data.ups );
$("#reddit-content").append( '<br>' + post.data.downs );
$("#reddit-content").append( '<hr>' );
}
)
}
)
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
</script>
</body>
</html>
@carlskeel
Copy link

I have put it in a div called id of #reddit-content and I get the data in there but for some reason it makes the scroll box way too large.

@jbat04
Copy link

jbat04 commented Dec 7, 2016

Thank you!! have been looking for this for a while

@thesheetal
Copy link

It works :) Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment