Skip to content

Instantly share code, notes, and snippets.

@lgs

lgs/reddit.html

Forked from sente/reddit.html
Created March 22, 2017 22:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lgs/fa2a1c5e473a9ad04128c18c48f0eaa1 to your computer and use it in GitHub Desktop.
Save lgs/fa2a1c5e473a9ad04128c18c48f0eaa1 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment