Was sind gute JavaScript / AJAX-Schnittstellenmuster für Websites?

9

Ich mag es wirklich, wie Websites FogBugz und Facebook bietet knackige Benutzeroberflächen, indem Seiteninhalt asynchron geladen wird.

Was sind einige gute Ressourcen und Muster für die Anwendung auf andere Websites? Ich bin auf der Suche nach einer Lösung, die eine eindeutige Hash-URL für jede Seite erstellt, den Verlauf und grundlegende Browserfunktionen beibehält und bei fehlender JavaScript-Funktionalität (ein gutes Beispiel dafür ist Facebook) elegant abwertet.

Dieser Blogpost ist ein guter Anfang, aber Es ist weit entfernt von einer vollständigen Lösung / Muster - und alle Ansätze mit jQuery wäre großartig.

    
Craig Smitham 10.09.2010, 21:50
quelle

4 Antworten

1

Ich habe pjax als die vielversprechendste Lösung bisher gefunden. Von Ссылка :

  

pjax lädt HTML von Ihrem Server in die aktuelle Seite ohne einen vollen   neu laden. Es ist Ajax mit echten Permalinks, Seitentiteln und einer Arbeit   Zurück-Taste, die vollständig abgebaut wird.

     

pjax verbessert die Browser-Erfahrung - nicht mehr.

     

Sie finden eine Demo auf Ссылка

    
Craig Smitham 19.07.2011, 07:49
quelle
1

IMO, um eine Website in Würde degradieren zu lassen, sollten Sie mindestens das Framework der Site auf der niedrigsten Ebene erstellen, die Sie unterstützen werden. In Ihrem Fall wird dies Standard Postbacks sein.

Sobald Sie dies an Ort und Stelle haben, können Sie beginnen, Ajax-Interaktionen hinzuzufügen.

Der Ansatz, den ich bei der Verwendung von ASP.NET MVC gewählt habe, ist eine Funktion, die die gesamte Seite von Grund auf neu erstellt (für reguläre Postbacks) und dann einige zusätzliche Methoden verwendet, mit denen ich Inhalt über Ajax dynamisch aktualisieren kann. Wenn ich eine 'Single Page'-Methode wie oyu describe implementieren möchte, würde ich das Onclick-Ereignis eines Hyperlinks behandeln und eine Ajax-Methode aufrufen, die die Methode' Ganze Seite erstellen 'in eine Zeichenkette pumpt und dann diese Zeichenfolge in mein Content-Div pumpt.

HTH

    
Jason Summers 12.09.2010 10:39
quelle
0

Hier ist ein Beispiel für den Aufbau einer Ajax-basierten Website mit jQuery und PHP

    
Sadegh 12.09.2010 10:33
quelle
0

Hier ist ein großartiger Artikel über das Laden von Inhalten mit jQuery, und er wird grade verschlechtert, wenn js durchleuchtet wird. Linktext

    
Idered 12.09.2010 12:45
quelle