He notado que sitios como http://hypem.com que es un sitio completo de Ajax ahora han logrado eliminar su #! ajax urls pero mantuvo un sitio lleno de Ajax. ¿Cómo es esto posible?navegación Ajax sin #!
Respuesta
Usted puede hacer esto con history.pushState, sólo en los navegadores decentes aunque;)
https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
Aquí es un plugin de jQuery con una reserva para navegadores antiguos a una URL oculta: http://plugins.jquery.com/project/history-js
Algunos navegadores modernos admiten history.pushState()
.
Sin embargo, si desea admitir navegadores más antiguos que todavía son populares, debe usar la protección contra hash.
HTML5 tiene una API de historial nueva. Demo está disponible en esta url. http://html5demos.com/history/
https://github.com/browserstate/history.js tiene un muy buen soporte para esto. También history.js se puede conectar con jquery, mootools, etc. y también es compatible con navegadores HTML4.
simplemente incluya su
<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script>
y
<script type="text/javascript"
$(document).ready(function() {
$.navigate.init();
});
</script>
después de la incluyen a jQuery (1.7+) en el <head>
y el plugin Ajax-navegar de forma automática en su sitio web.
para cualquier más personalización, doc o respuestas que puede ir en github https://github.com/binarymind/jquery-navigate
espero que ayude.
bastien
- 1. jQuery Mobile con flot y navegación AJAX
- 2. Reverso Ajax sin cometa?
- 3. Ajax sin JavaScript
- 4. La solicitud AJAX cancelada ralentiza la navegación subsiguiente
- 5. ¿Navegación URL en un sitio web basado en AJAX?
- 6. OO PHP + Ajax sin marco
- 7. JQuery/WCF sin ASP.NET AJAX:
- 8. Cómo agregar el botón de barra en la barra de navegación sin controlador de navegación.
- 9. WPF: ¿Cómo desactivar la navegación de pestañas sin deshabilitar la navegación con la tecla de flecha?
- 10. Uso de Ajax con caché sin conexión
- 11. jQuery llamadas sincrónicas ajax sin bloqueo
- 12. Sin memoria - Infinite Loop - ASP.NET AJAX Framework
- 13. Ocultar el título de la barra de navegación sin quitarlo
- 14. Añadir botón personalizado de control de navegación sin borde
- 15. Extensión de Chrome: secuencias de comandos de contenido acumulando varias veces desde vínculos AJAX/navegación
- 16. ¿Cómo implementar una navegación con hash-key?
- 17. QUnit: Cómo poner a prueba llamada AJAX sin modificar la llamada AJAX
- 18. Entity Framework .Include() Navegación de otra propiedad de navegación
- 19. bibliotecas de ayuda de JavaScript? Sin DOM o AJAX cosas
- 20. DataTables con JSON, AJAX y PHP sin mostrar ningún dato
- 21. Cómo configurar el cuerpo sin procesar en jQuery Ajax?
- 22. carga jQuery ajax con barra de progreso - sin flash
- 23. ¿Es posible desactivar AJAX sin desactivar completamente JavaScript?
- 24. jQuery Ajax: redirigir a otras páginas sin esperar el resultado
- 25. Jquery: Ejecución de AJAX localmente sin un servidor web
- 26. ¿Cómo hago una llamada jQuery bloqueando AJAX sin async = false?
- 27. Barra de acciones navegación de navegación + navegación de tabla - La posición del ruteador no está a la izquierda
- 28. Navegación alfabética dinámica
- 29. Navegación y control WebBrowser
- 30. PHPstorm proyecto de navegación
¿Así que esto no cambiará la url de la misma manera que window.location? No actualizará la página? – wilsonpage
@pagewil: esa es la idea. 'pushState()' le permite modificar la URL de la página sin volver a cargarla. –