Building Super Fast Web Apps with PJAX

events.js

$('a.pjax').pjax('#main')
$('#main')
  .on('pjax:start', function() { $('#loading').show() })
  .on('pjax:end',   function() { $('#loading').hide() })

index.html

<a href='/explore' data-pjax='#main'>Explore</a>

index.js

$('a[data-pjax]').pjax()

pjax.js

module.exports = function() {
  return function(req, res, next) {
    if (req.header('X-PJAX')) {
      req.pjax = true;
    }

    res.renderPjax = function(view, options, fn) {
      if (req.pjax) {
        if (options) {
          options.layout = false;
        } else {
          options = {};
          options.layout = false;
        }
      }

      res.render(view, options, fn);
    };

    next();
  };
};

routes.js

module.exports = function(app) {

	app.get('/', function(req, res) {
		res.renderPjax('home/index', { title: 'SocialDrawing' });
	});

	app.get('/about', function(req, res) {
		res.renderPjax('home/about', { title: 'About' });
	});

	app.get('/contact', function(req, res) {
		res.renderPjax('home/contact', { title: 'Contact' });
	});

};