Ajax WordPress posts via JSON API

gistfile1.txt

<button class="button" id="get_posts">Get Posts</button>

<ul id="statuses">
</ul>

<script type="text/javascript">

/* Requires JSON API plugin installed on remote site http://wordpress.org/plugins/json-api/ */

(function(window, document, $, undefined){

  'use strict';
  var app = {};
  var $body = $('body'); // cache body element
  var rootURL = 'http://yoursite.com/'; // change to your site url
  var getPostsURL = rootURL + 'api/get_recent_posts/';

  app.initialize = function() {
    $body.on('click', '#get_posts', app.ajaxRecentPosts );
  }
  
  app.ajaxRecentPosts = function() {
    // Get recent posts
    $.ajax({
      url: getPostsURL,
      dataType: 'jsonp',
      cache: false,
      success: app.getPostsLoop
    });
    console.log('ajaxed posts');
  }
  
  app.getPostsLoop = function(data){
  
    // Empty so nothing is repeated
    $('#statuses').empty();
    
    // Loop through post data, display title and content
    $.each(data.posts, function(index, value) {
      $('#statuses').append('<li class="item">'+value.title+value.content+'</li>');
    });
  }

  app.initialize();

})(window, document, jQuery);

</script>