JQuery Ajax avec bouton de retour

Question

Comment gérer la navigation avec Jquery Ajax?

Par exemple. J'ai une page d'accueil. 2 lien ajax qui charge le contenu de page1 et page2. Je souhaite que l'URL soit: localhost/page1 ou localhost/page2. Je sais que c'est possible mais je ne connais pas le nom de cette fonctionnalité.

Des exemples codés seraient agréables.

<div id="nav"> 
    <a href="page1">Page 1</a> | <a href="page2">Page 2</a> 
</div> 
<div id="Container"></div> 

Answer 1

Je suis juste guesing si vous cherchez une thiing comme ce

$("#nav>a").click(function(e){ 
$.get($(this).attr("href"),function(data){ 
    $("#Container").html(data); 
}); 
return false; 
}); 

Answer 2

Vous pouvez modifier la valeur window.location pour refléter vos changements de page.

Une fois que vous connaissez votre page, vous pouvez faire quelque chose comme ceci:

var location = window.location.toString(); 
var pageHash = "#" + page; 

if (window.location.hash == "") { 
    window.location = location + pageHash; 
} 
else { 
    window.location = location.substring(0, location.indexOf("#")) + pageHash; 
}