¿Cuáles son algunos buenos patrones de interfaz de JavaScript/AJAX para sitios web?

Question

Me gusta mucho cómo los sitios como FogBugz y Facebook ofrecen interfaces de usuario rápidas al cargar el contenido de la página de forma asincrónica.

¿Cuáles son algunos buenos recursos y patrones para aplicar esto a otros sitios web? Estoy buscando una solución que crea una URL hash única para cada página, conserva el historial y las funciones básicas del navegador, y se degrada elegantemente si JavaScript no está habilitado (un buen ejemplo de esto es Facebook).

This blog post es un buen comienzo, pero está lejos de ser una solución/patrón completo, y cualquier enfoque que use jQuery sería genial.

Answer 1

He encontrado que pjax es la solución más prometedora hasta ahora. De https://github.com/defunkt/jquery-pjax:

cargas pjax HTML desde el servidor en la página actual sin recarga completa. Es ajax con enlaces permanentes reales, títulos de página y un botón de retroceso que se degrada por completo.

pjax mejora la experiencia de navegación, nada más.

puede encontrar una demostración sobre http://pjax.heroku.com/

Answer 2

Here are un ejemplo para la construcción de sitio web basado en Ajax con jQuery y PHP

Answer 3

OMI, con el fin de permitir que un sitio para degradar con gracia, se debe construir primero al menos el marco del sitio en el nivel más bajo que' vamos a apoyar. En tu caso, esto será una devolución de datos estándar.

Una vez que tenga esto en su lugar, puede comenzar a agregar interacciones ajax.

El enfoque que he tomado al usar ASP.NET MVC es tener una función que construye toda la página desde cero (para las devoluciones de datos regulares) y luego tengo algunos métodos adicionales que utilicé para actualizar dinámicamente el contenido a través de Ajax. Si deseo implementar un método de 'Página única' como oyu describir, manejaré el evento onclick de un hipervínculo y llamaré a un método ajax que represente el método 'Build Whole Page' a una cadena y luego bombeare esa cadena a mi div de contenido.

HTH

Answer 4

Aquí es gran artículo sobre la carga de contenidos con jQuery, y se degrada cuando se gracefuly diasebled js. link text