Come si modifica l'URL nella barra degli indirizzi senza ricaricare la pagina?

Question

Come fa Shopify a fare questo? Andare al loro sito, fare clic sul link Caratteristiche e vedrete che l'URL nella barra degli indirizzi del browser, dice:

http://www.shopify.com/tour/sell-online

Quindi fare clic su uno dei link sotto e vedrete che l'URL nella barra degli indirizzi cambia senza usare un hash e non c'è il capovolgimento della pagina.

Non credo che stiano utilizzando ajax per modificare il contenuto perché tutto sembra essere incluso in div nascosti sulla pagina, ma a prescindere, è possibile modificare l'URL apparentemente usando i trucchi del lato client. Il tuo aiuto è apprezzato?

Answer 1

Si utilizza la nuova API di cronologia HTML5 per inviare un nuovo stato.

Ecco the MDN documentation e a good tutorial.

Fare attenzione che ciò è spesso doloroso (è necessario gestire correttamente lo stato dell'applicazione) e it doesn't work with IE9. È quasi sempre combinato con ajax: è la soluzione che consente di aggiungere contenuti caricati dinamicamente anche quando l'intera pagina non viene ricaricata o modificata.

Answer 2

Cerca in pushState, ma ricorda che non è supportato in tutti i browser.