Hola, estoy buscando un tutorial para entender cómo puedo crear una página con un div que no se actualiza cuando cambia la URL de la página.Cambiar página sin actualizar un div en la página
Ej. El chat de Facebook no se actualiza cuando paso de una url a otra.
Gracias
Definitivamente, se está utilizando AJAX, aunque puede no parecerlo porque la URL real está cambiando. La mayoría de las aplicaciones AJAX solo cambian la parte hash de la URL (somesite.com/page/#feature1).
No sé exactamente qué está haciendo Facebook ya que no he estudiado la aplicación, pero supongo que están utilizando HTML5 history.pushState() para cambiar la URL, de modo que si la marca o recarga, irá a el mismo lugar. Veo que @Felix ya mencionó esto en un comentario.
Echa un vistazo aquí para obtener más ayuda:
Is there a way to change the browser's address bar without refreshing the page?
Hay montones y montones de recursos en el uso de AJAX. Personalmente utilizo jQuery y descubro que hace mucho de esto bastante fácil. Aquí hay un tutorial que podría ayudar:
http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/
suena como usted está deseando utilizar AJAX (XMLHttpRequest función javascript). aquí hay un excelente artículo junto con algunos ejemplos básicos: Here
Se llama AJAX, si utiliza jQuery, aquí hay un buen tutorial:
http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/
Yo quería publicar otros ejemplos, si usted no utiliza jQuery pero necesito más puntos para publicar más de un enlace, lo siento ...
Se llama AJAX. Simplemente vuelva a buscar stackoverflow o google para eso http://www.google.com/search?q=facebook+style+ajax+site:stackoverflow.com – mplungjan
Con el nuevo HTML5 'history.pushState' podría no ser tan obvio más, que Ajax es usado. Pero cada vez que solo parte de la página se actualiza, definitivamente es Ajax (o iframes). –
@Felix +1 - Supongo que eso es lo que están haciendo también – Tauren