[WordPress, JavaScript] Creating jQuery Components in WordPress

00-request.js

$.get(acme_ajax_object.ajax_url, {
  
  action:   'get_data',
  security: acme_ajax_object.security
  
}, function(response) {
  
  // More to come...
  
});

01-response.js

var $container = $('#component-container'),
    i, l       = 0;

$.get(acme_ajax_object.ajax_url, {
  
  action:   'get_data',
  security: acme_ajax_object.security
  
}, function( response ) {
  
  for( i = 0, l = response.data.length; i < l; i++ ) {
    $container.append(
      _createComponent(response.data[i])
    );
  }
  
});

02-create-component.js

/**
 * Creates a component to be added from the DOM based on the incoming data.
 *
 * For the purposes of this function, we're assuming there are several properties
 * on data of which we're already aware.
 *
 * @param data  The object containing the properties we need for the component.
 *
 * @return      The component created from the incoming data.
 */
function _createComponent(data) {
  
  var title       = data.title,
      imageUrl    = data.imageUrl,
      description = data.description,
      $component  = $('<div />');
  
  $component
    .append(
      $('<p />').text(title)
    )
    .append(
      $('<img />').attr('src', imageUrl)
    )
    .append(
      $('<p />').text(description)
    );
  
  return $component;
}