AJAXify Website

Question

Ich habe legitime Gründe zu tun, was ich versuche zu erklären. Ich habe eine bestehende Website sagen abc.com, die regelmäßige Seiten usw. alles in PHP geschrieben hat. Jetzt möchte ich die Site AJAXify, d. H. Wenn ein Benutzer auf einen Link klickt, sollte er den Link mit AJAX abrufen und den Seiteninhalt ersetzen. Dies ist der einfache Teil und ich kann es mit jQuery get Funktion erreichen.

Jetzt kommt das Problem, wenn der Benutzer die Seite bucht. Ich kann Hash-Tags verwenden, um anzugeben, ob der Benutzer sich auf einer anderen Seite befindet, aber anstatt JavaScript zu verwenden, um die neue Seite erneut abzurufen, ist es möglich, sie beim Aufruf der Seite direkt mit PHP abzurufen.

Können Sie mir bitte einen Überblick darüber geben, wie Sie das Obige erreichen können. Diese Funktionalität ähnelt der von Facebook.

Vielen Dank für Ihre Zeit.

Answer 1

Es ist ein ziemlich einfaches Verfahren von (1), um den Hash-Tag Parsing, und (2) Laden der Inhalte über Ajax wie gewohnt.

Wenn Sie mehr Inhalt laden, wenn der Benutzer auf die Seite klickt, achten Sie darauf, das Hash-Tag immer korrekt zu ändern, um anzuzeigen, was auf der Seite angezeigt wird.

Hier ist a quick example um mit zu spielen. Klicken Sie auf einen Namen und notieren Sie das Hash-Tag. Das entsprechende Javascript sieht folgendermaßen aus:

Answer 2

Der beste Weg, dies zu tun ist, eine index.php zu haben, die alle anderen Seiten basierend auf den URL-Teilen danach lädt. Zum Beispiel:

http://www.example.com/index.php/reports/employees/hoursWorked

In diesem Fall index.php läuft, kann er sehen, was angefordert wird, ist ist die Stunden Bericht gearbeitet, und diese Inhalte laden. Das Problem ist, wenn index.php dann alle anderen Inhalte danach mit AJAX lädt, ändert sich die URL im Browser nie.

Eine Möglichkeit, dieses Problem zu umgehen, wäre, einen Link "Link zu dieser Seite" auf jeder Seite zu platzieren, die diese Form der URL enthält, damit die Benutzer ein Lesezeichen setzen können.

Answer 3

Nun können Sie eines dieser Tools verwenden oder Ihre eigenen rollen. Verwendet window.location.hash zusammen mit anderen Tricks.

• YUI - Browser History Manager
• Really Simple History (RSH)

Answer 4

Die Antwort ist nein, Sie können den Wert der URL-Hash-Server-Seite nicht erhalten. Siehe How to get Url Hash (#) from server side.

Sie müssen den Hash-Wert clientseitig erhalten und eine zusätzliche Anfrage stellen.

Answer 5

jQuery Geschichte ist meine bevorzugte Wahl. Es kann hier gefunden werden: http://www.balupton.com/projects/jquery-history/ Bietet Cross-Browser-Unterstützung, Bindung an Hashes, überladene Hashes, den ganzen Rest.

Es gibt auch eine Ajax-Erweiterung für den jQuery Ajaxy genannt, so dass es leicht, ohne dass Ihre Webseite in eine richtige Ajax-Anwendung aktualisieren für Server-Seite Änderungen und verbleibenden SEO und JS-Behindertengerecht: http://www.balupton.com/projects/jquery-ajaxy/

Dies ist Die Lösung von solchen Standorten wie http://wbhomes.com.au/ und http://www.balupton.com

Insgesamt sind sie beide gut dokumentiert, unterstützt und funktionsreich. Sie haben auch eine Kopfgeldfrage hier How to show Ajax requests in URL?

Answer 6

Ich habe kürzlich einen Artikel über dieses genaue Problem geschrieben. Der Artikel ist Tutorial-Stil. Unter Verwendung des Hash-Änderungsereignisses wird gezeigt, wie der URL Parameter hinzugefügt werden, die Ajax-Anforderungen mit einer unbegrenzten Anzahl von Parametern auslösen können und daher in einer ziemlich skalierbaren Weise funktionieren.

Sie können weitere Informationen finden Sie hier bei http://andresgallo.com/2012/06/08/ajaxifying-the-web-the-easy-way/

Teil I wird beschrieben, wie die Hash-Links zu reagieren, während Teil II beschreibt, wie die Daten in der Hash-URL auf eine Ajax-Anforderung daher senden so dass Sie tun so ziemlich alles, was Sie aus den Hash-Tags in Ihrer URL heraus wollen.