2016-05-21 4 views
0

Einfache Frage hier, ich habe eine Schaltfläche mit JavaScript bekam, die von ON auf OFF ändert ändert es class Attribut.bleiben Klasse von voriger Seite

So ist der Standardwert OFF, und wenn Sie darauf klicken, Swaps auf ON. Das Problem ist, dass jedes Mal wenn Sie die Seiten der Website navigieren durch sie zeigt, wie AUS immer von Standard, auch wenn Sie zuvor ON ausgewählt.

Ist es trotzdem mit JavaScript oder jQuery die Möglichkeit der vorherigen Seite ausgewählt zu bleiben? Ich verwende class Attribut, das Element von ON auf OFF für Ihre Hilfe

Vielen Dank im Voraus zu ändern!

+3

JS behält keine Daten von Seite zu Seite von selbst. Wenn Sie Daten zwischen Seitenladevorgängen (oder sogar vor Ort-Besuchen) speichern möchten, verwenden Sie 'sessionStorage',' localStorage', Cookies oder einen serverseitigen Datenspeicher. Von dem, was Sie beschrieben haben, würde ich sagen, dass "localStorage" in diesem Fall angemessen ist. –

+0

Klicken Sie auf, senden Sie eine Ajax-Anfrage an den Server und behalten Sie den Wert in der Sitzung. – Gogol

+0

Überprüfen Sie diesen Beitrag aus http: // stackoverflow.com/questions/11609376/passing-data-between-html-pages .. Würde einer dieser Ansätze Ihr Problem lösen? –

Antwort

1

Es gibt zwei Möglichkeiten, die mir in den Sinn kommt, wo Sie den Wert aus der vorherigen Seite zu bekommen. In jedem Fall müsste die vorherige Seite die Daten (Optionswert) irgendwo speichern und die nächste Seite müsste diese Daten von dort laden.

  1. Server-Side-Lösung (dauerhafte Lösung)

    • Wenn der Benutzer die Möglichkeit, auf der vorherige Seite auswählt, sollte die Seite dann die Daten an den Server über AJAX senden oder mit dem <form> Elemente. Der Server kann die Option dann in die Datenbank, Datei oder den Sitzungsspeicher speichern ...
    • Wenn Sie die nächste Seite vom Server laden, kann diese Seite so eingestellt werden, dass sie bereits die Daten zum Laden enthält oder dynamisch über AJAX abruft.
  2. CLIENT-SIDE-Lösung (Data persistency garantiert nicht)

    • Wenn der Benutzer die Möglichkeit, auf der vorherige Seite auswählt, sollte die Seite dann die Daten in dem lokalen Speicher des Browsers speichern. Das bedeutet, wenn der Benutzer die Daten im Browser löscht, ist er für immer verloren.
    • Wenn Sie die nächste Seite vom Server laden, holen Sie einfach die Option aus dem lokalen Speicher. Es ist einfach ... http://www.w3schools.com/html/html5_webstorage.asp

Außerdem:

  • Die Daten können dann in Cookies gespeichert werden. Ähnlich wie der lokale Speicher, wird jedoch bei jeder HTTP-Anfrage an den Server gesendet. Dies wäre Overhead, wenn Sie diese Daten nicht auf dem Server benötigen. Verwenden Sie stattdessen lokalen Speicher.

  • Die Daten können in der URL übergeben werden. Nur wenn Sie möchten, dass der Benutzer diese Daten ändern kann.

Verwandte Themen