fh-studio single page navigation example

ajaxify.js

// attach an event handler to all links with the singlepage class, that is all links we want to not do a full page nav
// where possible
$('a.singlepage').click(function(e){
  e.preventDefault();
  var url = $(this).attr('href'),
  
  // Continue as normal for cmd clicks etc
  if ( event.which == 2 || event.metaKey || url==="#" || !url ) { return true; }
  
  // Now do a call to our JSON API made by Express. 
  // Because the resource type is JSON, we get JSON back!
  $.get(self.url + ".json", function(res){
    // Res contains the template we need to look up, and the data to apply to it.
    var tpl = res.tpl, // a string representing the template name we need for this view 
    data = res.data; // the data to apply to the template
    dust.render(tpl, data, function(err, out){
      // DustJS has rendered our HTML. Use JQuery to append it.
      $('body').html(out);
    });
  }).error(function(){
    alert("Error Changing Page");
  });
});