reddit

by gravitybox

HTML

<head>
    <script src="http://j.mp/jqymin"></script>
  </head>
 
  <body>
    <div id="reddit-content">
    </div>
 
    <script>
    
    </script>

JavaScript

$.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><img src="' + 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"); });