Quali sono alcuni buoni modelli di interfaccia JavaScript/AJAX per i siti Web?

Question

Mi piace molto come siti come FogBugz e Facebook offrono interfacce utente scattanti caricando il contenuto della pagina in modo asincrono.

Quali sono alcune buone risorse e modelli per applicarlo ad altri siti Web? Sto cercando una soluzione che crea un URL hash univoco per ogni pagina, conserva la cronologia e le funzioni di base del browser e degrada dolcemente se JavaScript non è abilitato (un ottimo esempio di questo è Facebook).

This blog post è un buon inizio, ma è lontano da una soluzione/modello completo e qualsiasi approccio che utilizzi jQuery sarebbe ottimo.

Answer 1

Ho trovato pjax la soluzione più promettente finora. Da https://github.com/defunkt/jquery-pjax:

pjax carichi HTML dal server nella pagina corrente senza un pieno ricarica. È ajax con permalink reali, titoli di pagina e un pulsante di avvio funzionante che degrada completamente.

pjax migliora l'esperienza di navigazione - niente di più.

È possibile trovare una demo su http://pjax.heroku.com/

Answer 2

Here are un esempio per la costruzione di sito web basato Ajax utilizzando jQuery e PHP

Answer 3

IMO, al fine di consentire un sito per degradare con grazia, si deve prima costruire almeno il quadro del sito al livello più basso in cui si' sto andando per sostenere. Nel tuo caso, si tratta di postback standard.

Una volta installato, è possibile iniziare ad aggiungere interazioni ajax.

L'approccio che ho usato quando si utilizza ASP.NET MVC è di avere una funzione che costruisca l'intera pagina da zero (per i postback regolari) e quindi abbia alcuni metodi extra che ho usato per aggiornare dinamicamente il contenuto tramite Ajax. Se voglio implementare un metodo 'Pagina singola' come oyu descriverò, gestirò l'evento onclick di un collegamento ipertestuale e chiamerò un metodo ajax che esegue il rendering del metodo 'Costruisci intera pagina' su una stringa, quindi lo spingo nel mio div di contenuto.

HTH

Answer 4

qui è grande articolo su contenuti di carico con jQuery, e si degrada quando gracefuly js è diasebled. link text