javascript - recargar - window history replacestate({}

Cómo cambiar la barra de direcciones del navegador sin volver a cargar la página-HTML/Javascript

Question

Posible duplicado:
¿Cómo cambia GitHub la URL pero no la recarga?

Hola amigos,

Me he dado cuenta de que Github.com no obliga a los usuarios a descargar páginas web cuando navegan por repositorios, sino que utiliza AJAX para actualizar el contenido de la página.

Github también cambia la barra de direcciones del navegador a la dirección real que representa el contenido. No tengo idea de cómo implementar esto si no usando # hashtags dentro de la url.

En resumen: github usa ajax para cargar nuevas páginas web, sin usar hashtags. ¿Cómo lo logran?

¿Algunas ideas?

Answer 1

Echa un vistazo a la API de HTML5 api . Si planea usarlo, conseguir una biblioteca que lo envuelva y tal vez incluso agregar una alternativa a los hashes de ubicación sería una buena idea.

https://github.com/browserstate/history.js no está mal desde un vistazo rápido.

Answer 2

Mediante el uso:

window.history.pushState("string", "Title", "newUrl");

Esto es nuevo en HTML 5.

Su url cambiará a newUrl sin volver a cargar la página.

Nota: title arg en el método no cambiará el título de la página html. Esto se usa para nombrar la página en el historial del navegador, en caso de que retroceda y luego avance.