Загрузка материала в модальное окно

$(document).on('click','a.read-more',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
	$("#content").load("/assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")"); //Вот тут раскидываем JSON массив
			$('#txt').html(data.content);
			$('#title').html(data.pagetitle);
		}
	}); 
});

Если тебе нужен переход по ссылке, то делай переход с передачей параметров. А там уже выводи…

$(document).on('click','a.read-more',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
	$("#content").load("/assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
			$('#content').html(data.content)
			$('#modal-title').html(data.pagetitle);
		}
	});
	$('modal-page').hide(function(){
		$('#content').empty();
		$('#modal-title').empty();
	});
});

$('#content').html('');

alert ('test');

$(document).on('click','a.read-more',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
	$("#content").load("/assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
			$('#content').html(data.content);
			$('#modal-title').html(data.pagetitle);
		}
	});
	// alert ('test'); - тут тестил
	$('modal-page').hide(function(){
		$('#content').empty();
		$('#modal-title').empty();
	});
});

$('modal-page').hide(function(){
	alert ('test'); 
	$('#content').html('');
	$('#modal-title').html('');
});

$(document).ready(function() {
	$(".read-more").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});

$(document).ready(function() {
	$(".read-more").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none',
		afterClose : function(){
			$('#content').html('');
			$('#modal-title').html('');
		}
	});
});

$(document).on('click','a.read-more',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
	$("#content").load("/assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
			$('#content').html(data.content);
			$('#modal-title').html(data.pagetitle);
		}
	});
	$('#modal-page').hide(function(){
		alert ('test'); 
		$('#content').empty();
		$('#modal-title').empty();
	});
});

<?php 
// Если запрос не AJAX или не передано действие, выходим
if ($_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest' || empty($_REQUEST['action'])) {exit();}

$action = $_REQUEST['action'];

define('MODX_API_MODE', true);
require_once dirname(dirname(__FILE__)).'/index.php';

$modx->getService('error','error.modError');
$modx->getRequest();
$modx->setLogLevel(modX::LOG_LEVEL_ERROR);
$modx->setLogTarget('FILE');
$modx->error->message = null;

$output = '';
switch ($action) {
    case 'getContent':
        $id = isset($_POST['id']) ? (int) $_POST['id'] : 0;
        if (empty($id)) {
            exit();
        };
        $object = $modx->getObject('modResource',$id);
		$output = array();
		$output['pagetitle'] = $object->get('pagetitle');
        $output['content'] = $object->get('content');
		$output['img'] = $object->getTVValue('tplImage');
		$output['h1'] = $object->getTVValue('tplH1');
		$output = json_encode($output);
        $maxIterations= (integer) $modx->getOption('parser_max_iterations', null, 10);
        $modx->getParser()->processElementTags('', $output, false, false, '[[', ']]', array(), $maxIterations);
        $modx->getParser()->processElementTags('', $output, true, true, '[[', ']]', array(), $maxIterations);
}

@session_write_close();
exit($output);

$(document).on('click','a.quick-preview',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
	$("#content").load("/assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
				$('#title').html(data.pagetitle);
				$('#h1').html(data.h1);
				$('#content').html(data.content);
			var img = data.img;
				$('#modal-img').prepend('<img src="'+img+'" class="modal-img"/>')
				$(".modal-img").css({
					'width' : '100%',
				});
		}
	});
});

<a href="#modal-page" data-id="[[+id]]" class="favorites-button quick-preview">Предпросмотр</a>

<div id="modal-page">
            <div class="col-md-6">
                <div id="modal-img"></div>
            </div>
            <div class="col-md-6">
                <h1 id="title"></h1>
                <h2 id="h1"></h2>
                <div id="content"></div>
            </div>
        </div>

$id = isset($_POST['id']) ? (int) $_POST['id'] : 0;
$pimg = isset($_POST['pimg']) ? (int) $_POST['pimg'] : 0;
        if (empty($id)) {
            exit();
        };

        $object = $modx->getObject('modResource',$id);
		$output = array();
		$output['id'] = $id;
        $output['introtext'] = $object->get('introtext');
		$output['pagetitle'] = $object->get('pagetitle');
		$output['new'] = $object->get('new');		
		$output['pimg'] = $object->get('pimg');

var id = $(this).data('id') || 0;
var pimg = $(this).data('pimg') || 0;

	$("#content").load("assets/ajax.php",{action:"getContent",id:id}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
			$('#content').html(data.introtext);
			$('#modal-title').html(data.pagetitle);
$('#new').html(data.new);
$("input[name='id']").val(data.id);
$('#pimg').html(data.pimg);
 $("#image").attr("src","data.pimg");

<a class="read-more" data-id="13" data-pimg="/kupalnik/assets/images/products/13/80x112/3.jpg"

$("#content").load("assets/ajax.php",{action:"getContent",id:id,pimg:pimg}, function(response){

<a class="read-more" data-id="[[+id]]" data-pimg="[[+thumb]]" href="#modal-page">Быстрый просмотр</a>

<div id="modal-page">
<img src="" id="image">
<div id="modal-title"></div>
<div id="content"></div>

<div id="price"></div>
<div id="oldprice"></div>
<div id="new"></div>
<div id="popular"></div>
<div id="favorite"></div>
<div id="gipur"></div>
<div id="pimg"></div>

<form method="post" class="ms2_form">
<input type="hidden" name="id" value="">
<input type="hidden" name="count" value="1">
<input type="hidden" name="options" value="[]">
<div class="price">[[+price]]  [[%ms2_frontend_currency]]</div>
<button class="button button_green" type="submit" name="ms2_action" value="cart/add"><span>В корзину</span></button>
</form>
</div>

<script src="[[++assets_url]]tempalates/js/jquery.fancybox.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$(".read-more").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none',
		afterClose : function(){
			$('#content').html('');
			$('#modal-title').html('');
			$('#price').html('');
		}
	});
});


$(document).on('click','a.read-more',function(e){
	e.preventDefault();
	var id = $(this).data('id') || 0;
var pimg = $(this).data('pimg');

	$("#content").load("assets/ajax.php",{action:"getContent",id:id,pimg:pimg}, function(response){
		if (response) {
			var data = eval("(" + response + ")");
			$('#content').html(data.introtext);
			$('#modal-title').html(data.pagetitle);
			$('#price').html(data.price);
$('#oldprice').html(data.oldprice);
$('#new').html(data.new);
$('#popular').html(data.popular);
$('#favorite').html(data.favorite);
$('#gipur').html(data.gipur);
$('#pimg').html(data.pimg);
$("input[name='id']").val(data.id);
 $("#image").attr("src","data.pimg");
		}
	});

});
</script>

<?php
// Если запрос не AJAX или не передано действие, выходим
if ($_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest' || empty($_REQUEST['action'])) {exit();}

$action = $_REQUEST['action'];

define('MODX_API_MODE', true);
require_once dirname(dirname(__FILE__)).'/index.php';

$modx->getService('error','error.modError');
$modx->getRequest();
$modx->setLogLevel(modX::LOG_LEVEL_ERROR);
$modx->setLogTarget('FILE');
$modx->error->message = null;

$output = '';
switch ($action) {
    case 'getContent':
        $id = isset($_POST['id']) ? (int) $_POST['id'] : 0;
		$pimg = isset($_POST['pimg']);
        if (empty($id)) {
            exit();
        };

        $object = $modx->getObject('modResource',$id);
		$output = array();
		$output['id'] = $id;
        $output['introtext'] = $object->get('introtext');
		$output['pagetitle'] = $object->get('pagetitle');
		$output['price'] = $object->get('price');
		$output['oldprice'] = $object->get('old_price');
		$output['new'] = $object->get('new');		
		$output['popular'] = $object->get('popular');
		$output['favorite'] = $object->get('favorite');
		$output['gipur'] = $object->get('gipur');
		$output['pimg'] = $pimg;
		
		$output = json_encode($output);
        $maxIterations= (integer) $modx->getOption('parser_max_iterations', null, 10);
        $modx->getParser()->processElementTags('', $output, false, false, '[[', ']]', array(), $maxIterations);
        $modx->getParser()->processElementTags('', $output, true, true, '[[', ']]', array(), $maxIterations);
}

@session_write_close();
exit($output);

$output['titok'] = $object->get('titok');

$('#titok').html(data.titok);

<div class="modal-titok" id="modal-titok"></div>

[[Breadcrumbs? &homeCrumbTitle=`Главная` &crumbSeparator=`<li> » </li> `&currentAsLink=`0` &pathThruUnPub=`0` &respectHidemenu=`1`]]

define('MODX_API_MODE', true);
require_once dirname(dirname(__FILE__)).'/index.php';

$modx->getService('error','error.modError');
$modx->getRequest();
$modx->setLogLevel(modX::LOG_LEVEL_ERROR);
$modx->setLogTarget('FILE');
$modx->error->message = null;
$modx->resource->getTVValue('titok');
$output = '';

$output = json_encode($output);
        $maxIterations= (integer) $modx->getOption('parser_max_iterations', null, 10);
        $modx->getParser()->processElementTags('', $output, false, false, '[[', ']]', array(), $maxIterations);
        $modx->getParser()->processElementTags('', $output, true, true, '[[', ']]', array(), $maxIterations);        
        $modx->resource->getTVValue('titok');

		}