Здравствуйте. Нужно по нажатию на кнопку подгружать контент, состоящий из тегов. Базы данных нет, этот контент нужно брать из php файла, в котором он и забит. Но проблема в том, что я только начинаю изучать ajax и недостаток инфы не позволяет мне как следует разобраться с этим. PHP я практически не знаю и поэтому не понимаю, как можно забить в переменную теги html так, чтобы они передавались POST методом? Подскажите пожалуйста, что нужно изменить, чтобы всё подгружалось корректно?
<div class="content">
<div class="block-1">
<div class="movie"><h4>Guardians of<br> the Galaxy</h4></div>
<div class="movie"><h4>The First Avenger</h4></div>
<div class="movie"><h4>Iron Man 3</h4></div>
</div>
<div class="block-2">
<div class="movie"><h4>Captain America</h4></div>
<div class="movie"><h4>Spider-Man 2</h4></div>
<div class="movie"><h4>Thor</h4></div>
</div>
<div class="block-3">
<div class="movie"><h4>The Incredible Hulk</h4></div>
<div class="movie"><h4>Interstellar</h4></div>
</div>
</div>
<input type="button" value="More movies" class="addAjax">
$(document).ready(function() {
$('.addAjax').on('click', function() {
var admin = "ADMIN";
$.ajax({
url: "main.php",
type: "POST",
data: ({content}),
dataType: "html",
beforeSend: funcBefore,
success: funcSuccess
});
});
});
function funcBefore () {
$('.content:last-child()').after("<p class='wait'>WAITWAITWAIT</p>");
}
function funcSuccess (data) {
$('.wait').remove();
$('.content:last-child()').after(data);
}
<?php
$content = <div class="content">
<div class="block-1">
<div class="movie"><h4>Guardians of<br> the Galaxy</h4></div>
<div class="movie"><h4>The First Avenger</h4></div>
<div class="movie"><h4>Iron Man 3</h4></div>
</div>
<div class="block-2">
<div class="movie"><h4>Captain America</h4></div>
<div class="movie"><h4>Spider-Man 2</h4></div>
<div class="movie"><h4>Thor</h4></div>
</div>
<div class="block-3">
<div class="movie"><h4>The Incredible Hulk</h4></div>
<div class="movie"><h4>Interstellar</h4></div>
</div>
<input type="button" value="More movies" class="addAjax">
</div>
?>
