Если я правильно понял, делается так.
Пишите хтмл-страницу с дивом куда надо выводить загружаемый контент, подключаете jquery, и аяксом подгружаете контент. В примере ниже:
url: 'http://httpbin.org/html'
- путь к вашему php-скрипту, я для примера использовал скрипт вывода тестового хтмл;
<div id="content">
- в этот див подгружаем ответ php-скрипта;
$.ajax()
- функция подгрузки контента;
$('#content').html(e);
- в <div id="content">
вставляем полученный аяксом котент;
- для того чтобы было видно результат работы я использовал функцию
setTimeout()
которая выполняет ajax-запрос через 2 секунды, но вам она не нужна.
Html
<!DOCTYPE html>
<html>
<head>
<title>titile</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
setTimeout(function() {
$.ajax({
url: 'http://httpbin.org/html',
type: 'GET',
dataType: 'html'
})
.done(function(e) {
console.log("success");
$('#content').html(e);
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
}, 2000);
});
</script>
</head>
<body>
<div id="content">Сюда загрузится контент, сформированный php-скриптом через 2 секунды... ждите, плеаз.</div>
</body>
</html>
url: 'http://httpbin.org/html'
замените на url: '/path/phpscript.php'
, где /path/phpscript.php
- путь к вашему скрипту.
Содержимое php-скрипта phpscript.php:
echo "Hello world!";
На страницу подгрузится и выведется в диве строка Hello world!