So aktualisieren Sie nur einen Teil der Seite, wenn die F5- oder Aktualisierungsschaltfläche gedrückt wird

8

Ich entwerfe eine Webanwendung mit einem gemeinsamen Menü für alle Seiten. Aus diesem Grund habe ich entschieden, den Inhalt, der durch die Menüschaltflächen in einem Div verknüpft ist, mit jquery zu laden.

Also, ich habe das:

%Vor%

Ich möchte die Seite verfolgen, die im "#content" -Div angezeigt wird. Wenn die Benutzer die Seite aktualisieren, möchte ich die gleiche Seite in "#content" laden. Gibt es eine Möglichkeit, dies zu tun, oder gibt es eine Problemumgehung?

Ich habe einige Webseiten gesehen, die einen iframe verwenden, um die Seiten zu laden, aber wenn ein Benutzer auf eine Schaltfläche im Menü klickt, wird auch die URL geändert. Ich habe keine Informationen darüber gefunden, wie das geht.

Danke

    
Dan Dinu 24.09.2011, 14:54
quelle

3 Antworten

5

Sie sollten Parameter an den Hash-Teil der URL (nach #) anhängen, zum Beispiel domain.com/index.php#addproduct

Dann auf document.ready überprüfen Sie den Wert nach # und laden Sie den entsprechenden Inhalt.

Einige Plugins wie jQuery-Verlauf verwenden diese Technik.

Zusätzlich können Sie den lokalen Speicher nutzen und Teile des Codes im Browser zwischenspeichern, sodass Sie den Inhalt nicht beim zweiten Mal mit dem AJAX-Aufruf laden.

    
Maxim Krizhanovsky 24.09.2011, 15:05
quelle
7

Hier ist eine Lösung für die F5 und STRG + R

%Vor%     
Book Of Zeus 24.09.2011 15:09
quelle
0

Alternativ können Sie statt eines Hash auch die HTML5-Verlaufs-API verwenden ( pushState , replaceState und popstate ). Im Grunde ist es ein Hash mit einigen Verbesserungen (zum einen, indexierbar von Suchmaschinen).

Ссылка
Ссылка

    
Hello71 09.10.2011 03:06
quelle

Tags und Links