jquery - tag - ¿Cómo cambia GitHub la URL sin volver a cargar una página?

tag it demo

Question

Vaya a cualquier page GitHub y haga clic en cualquiera de los directorios / archivos y observe cómo cambia la URL, pero solo se actualiza una parte de la página. No hay recarga de página completa.

¿Cómo hago algo similar usando jQuery?

¿Funciona esto en la mayoría de los navegadores (estoy usando Chrome)?

Answer 1

Github usa PJAX (Ref) . Puede ver acerca de jquery-pjax here . Tenga en cuenta que esta característica no está cubierta por el soporte de todos los navegadores, hay algunos navegadores que no pueden usar estos beneficios.

Answer 2

Usan la API de historial , o específicamente, history.pushState() .

Puede usar esto, jQuery no es obligatorio, pero hay complementos como history.js .

Esto funciona en la mayoría de los navegadores, a saber, Chrome, Safari y Firefox. IE10 y superior lo admite. En IE más antiguos, puede recurrir al uso del hash ( window.location.hash ).

GitHub también blogueó sobre esto .