Ajax загрузка страницы + Masonry + Infinite Scroll

<a href="[[~[[+id]]]]" data-rid="[[+id]]" class="ajax"><h1>[[+pagetitle]]</h1></a>

<?php
if ($_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest') {return;}
$action = filter_input(INPUT_POST,'action');
$output = '';
if (empty($action)) {return;}
switch ($action) {
    case 'getResources':
        $id= filter_input(INPUT_POST,'rid');
        $resource = $modx->getObject('modResource',array('id' => $id));
        $pagetitle = $resource->get('pagetitle');
        $content = $resource->get('content');
        echo "<h1>$pagetitle</h1>";
        break;
}
if (!empty($output)) {
    die($output);
}
?>

<script type="text/javascript">
$(document).on('click', 'a.ajax', function(e) {
    var data = $(this).data();
    var urlPath = $(this).attr('href');
    var title = $(this).text();
    var rid = $(this).data('rid');
      $.ajax({
        type: "POST",
        data: data,
        success: function(data) {
          document.title = title;
          history.pushState('', document.title, urlPath);
          showContent(data);
        }
      })
    function showContent(data) {
            $('#result').html(data);
    }
    return false;
  })
</script>