Bueno buscando por internet encontre esta solucion al problema del back button de ajax y pues en realidad la solucion que da si funciona en ese caso de solo cargar y regresar. aquí fuente.
Mi problema va por la implementacion a mi web y se que este tema seria de mucho interés por otros aprendices como yo ojala me puedan ayudar , yo cuando hago cargar las paginas en ajax siempre envio paramentros para saber que pagina mostrar y normal si trabaja.
Código PHP:
echo '<a href="';
echo "javascript: recibeid('apuesta.php','not_ID=$row[id_a]','','middle_column');";
echo '">'.$titulo.'</a>';
echo '<br>';
en el ejemplo tenemos estos archivos.
simple.php
Código HTML:
<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ajax Loader - Simplified Version</title> <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/jquery.history.js"></script> <script type="text/javascript"> $(document).ready(function () { $.history.init(pageload); $('a[href=' + document.location.hash + ']').addClass('selected'); $('a[rel=ajax]').click(function () { var hash = this.href; hash = hash.replace(/^.*#/, ''); $.history.load(hash); $('a[rel=ajax]').removeClass('selected'); $(this).addClass('selected'); $('#content').hide(); $('#loading').show(); getPage(); return false; }); }); function pageload(hash) { if (hash) getPage(); } function getPage() { var data = 'page=' + encodeURIComponent(document.location.hash); $.ajax({ url: "loader.php", type: "GET", data: data, cache: false, success: function (html) { $('#loading').hide(); $('#content').html(html); $('#content').fadeIn('slow'); } }); } </script> </head> <body> <ul id="menu"> <li><a href="#page1" rel="ajax">Page 1</a></li> <li><a href="#page2" rel="ajax">Page 2</a></li> <li><a href="#page3" rel="ajax">Page 3</a></li> <li><a href="#page4" rel="ajax">Page 4</a></li> </ul> <div id="loading"></div> <div id="content"> <!-- Ajax Content --> </div> </body> </html>
Código PHP:
<?
switch($_GET['page']) {
case '#page1' : $page = '<b>Introduction</b><ul><li>History support, solved ajax Back Button limitation with jquery.history.js</li><li>Bookmark support. Using hash value to identify a specific page and load it</li><li>It\'s AJAX/AHAH! It\'s cool and cutting edge!</li><li>This tutorial can be used as a kickstart for your AJAX based web development project. Small ajax based content like autocomplete and check username are basically using the same concept.</li></ul><br/>'; break;
case '#page2' : $page = '<b>Portfolio</b><br/>You can put whatever you want. For advance programmers, you can create your own simple backend that store web pages, and then display it by using PHP to retrieve it from database. Also, you can integrate a Rich Text Editor for your backend too! I have made a post regarding <a href="http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors">Rich Text Editor</a>.<br/><br/> Starting from a simple guideline, you can build your own Content Management System.'; break;
case '#page3' : $page = '<b>About</b><br/>This is a simple AJAX-Based website created by Kevin from Queness.com. General speaking, we shouldn\'t call this as AJAX (Asynchronous Javascript and XML) because there is no XML data. Instead of AJAX, we should call it as AHAH.<br/><br/><b>Asychronous HTML and HTTP aka AHAH</b><br/>AHAH is a technique for dynamically updating web pages using JavaScript, involving usage of XMLHTTPRequest to retrieve (X)HTML fragments which are then inserted directly into the web page. Inspite of retreiving XML, AHAH stands for retreiving (X)HTML. It\'s a subset of AJAX.'; break;
case '#page4' : $page = '<b>Contact</b><br/>This form is just a demostration of what content you can put.<br/><br/><form>Name:<br/><input type="text"/><br/>Email:<br/><input type="text"/><br/>Message:<br/><textarea></textarea><br/><input type="button" value="Send"></form>'; break;
}
echo $page;
?> 
