Я использую этот учебник для создания сайта ajax и борюсь с PHP. Это предоставленный код:
PHP
if(!$_POST['page']) die("0"); $page = (int)$_POST['page']; if(file_exists('pages/page_'.$page.'.html')) echo file_get_contents('pages/page_'.$page.'.html'); else echo 'There is no such page!'; Я хотел бы использовать структуру page_1.html , page_2.html от page_1.html , page_2.html и т. Д. Мой HTML выглядит так:
HTML
<ul id="navigation"> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#page4">Page 4</a></li> </ul>
Сейчас единственная ссылка, которая работает, – «Страница 4». Как бы переписать PHP так, чтобы работали первые три ссылки?
Javascript
var default_content=""; $(document).ready(function(){ checkURL(); $('ul li a').click(function (e){ checkURL(this.hash); }); //filling in the default content default_content = $('#pageContent').html(); setInterval("checkURL()",250); }); var lasturl=""; function checkURL(hash) { if(!hash) hash=window.location.hash; if(hash != lasturl) { lasturl=hash; // FIX - if we've used the history buttons to return to the homepage, // fill the pageContent with the default_content if(hash=="") $('#pageContent').html(default_content); else loadPage(hash); } } function loadPage(url) { url=url.replace('#page',''); $('#loading').css('visibility','visible'); $.ajax({ type: "POST", url: "load_page.php", data: 'page='+url, dataType: "html", success: function(msg){ if(parseInt(msg)!=0) { $('#pageContent').html(msg); $('#loading').css('visibility','hidden'); } } }); }