В предыдущем примере сайта на ajax использовалось достаточно javascript кода, но зато весь сайт работал на одном файле. Есть еще один способ подгрузки контента практически без javascript кода. В этой статье я приведу Еще один пример сайта на ajax.
Возьмем опять же наш сайт фотостудии. Теперь вынесем контент в отдельные txt файлы. В нашем случае:
1) Файл about.txt содержит информацию о студии
2) Файл contacts.txt содержит способы связи
3) Файл works.txt содержит портфолио
И соответственно код основной страницы:
<?php
$go=$_GET['go'];
if ($go == "") {
$content="Информация о нас";
$title="О нас";
}
if ($go == "contacts") {
$content="Связь с нами";
$title="Контакты";
}
if ($go == "works") {
$content="Наши работы";
$title="Портфолио";
}
echo <<<HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="jquery-1.2.6.pack.js"></script>
<title>Фотостудия - $title</title>
</head>
<body>
<a href="index.php" onclick='$("#content").load("about.txt"); return false;' id="about">О нас</a> <a href="index.php?go=contacts" onclick='$("#content").load("contacts.txt"); return false;' id="contacts">Контакты</a> <a href="index.php?go=works"onclick='$("#content").load("works.txt"); return false;' id="works">Наши работы</a><br />
<div id="content">
$content
</div>
</body>
</html>
HTML;
?>
Этот код действительно меньше и проще, но он не позволяет хоть как-то понять ajax. Для обычных маленьких сайтов, действительно, можно использовать этот вариант.
Comments ( 0 )