wie zum Austausch von Variablen zwischen zwei HTML Seiten?

Ich habe zwei HTML-Seiten, example1.html und example2.html.

Wie gebe ich Variablen aus example1.html zu example2.html mit der query-string und rufen Sie die variable in example2.html ohne serverseitigen code?

Möglich, Duplikat der Wie übergeben Sie javascript-Objekt von einer Seite auf die andere
Mögliche Duplikate von Persist javascript-Variablen über mehrere Seiten?
Mögliche Duplikate von Global Variable-Auslastung auf Seite neu laden
Mögliche Duplikate von Wie zum senden von Variablen von einer Datei zur anderen in Javascript?
Mögliche Duplikate von Übergeben, javascript Variablen zwischen Seiten

InformationsquelleAutor mahesh | 2010-09-16

  1. 11

    In example1.html:

    <a href='example2.html?myVar1=42'>a link</a>
<a href='example2.html?myVar1=43'>another link</a>

    erzeugen oder die links mit Javascript wie gewünscht. Nur sicherstellen, dass die ?varName=Wert wird an das Ende der example2.html irgendwie.

    Dann, in example2.html Sie verwenden Javascript, um eine Analyse der Abfrage-string Beispiel2 kam mit.

    Um dies zu tun, Sie könnten versuchen, Querystring. 

    //Adapted from examples on the Querystring homepage.
var qs = new Querystring();
var v1 = qs.get("myVar1");

    Alternativ Elternteil.Dokument.URL enthält die vollständige URI für die Seite sind Sie auf. Sie extrahieren konnte:

    parent.document.URL.substring(parent.document.URL.indexOf('?'), parent.document.URL.length);

    und analysieren Sie manuell ziehen Sie die Variablen, die Sie kodiert sind, in den URI.

    EDIT: habe Vergessen den 'neuen' Teil der 'neuen Querystring()'. Oops...

    Danke für die Antwort ich habe versucht die zweite Methode, welche Sie schlug Ihre wunderbar funktioniert , ich habe geschrieben, wie var a=parent.Dokument.URL.substring(parent.Dokument.URL.indexOf('myVar1='), parent.Dokument.URL.Länge); alert(a);
    Aber das problem ist, ich habe zu speichern, nur 42 in die variable ein ,wenn ich Schreibe alert(a); es zeigt myVar1=42 ,aber wie kann ich die Anzeige nur 42
    Von einem schnellen Blick (ich bin ein Anfänger versuchen, um dies herauszufinden, auch), der Beispiel-code hat den index 0 ist kurz vor dem '?'. speichern Sie den index findet es an eine variable. Legen Sie eine string-variable der name der Variablen, so können Sie Messen die Länge der Eigenschaft. Dann wird beim Aufruf der Wert von Ihrem Fall wäre es var myString = "?myVar1="; then alert(a + myString.Länge); Verschiebung nach rechts die Anzahl der Zeichen, die benötigt werden.

    InformationsquelleAutor cubic1271

  2. 5

    HTML /HTTP ist zustandslos, das heißt, dass, was Sie Tat, sah /auf der vorherigen Seite, ist vollständig getrennt, mit der aktuellen Seite.Frage ist, Wie übergibt man Variablen zwischen zwei Seiten im front-end. (HTTP ist zustandslos, jedes mal, wenn Sie die Seite geladen wird, verwenden Sie die ursprünglichen Werte, was Sie setzen in JavaScript. Sie können nicht legen Sie eine Globale variable in JS und einfach zu machen, dass Wert bleiben nach dem laden der Seite wieder.

    Gibt es ein paar Möglichkeiten, die Sie speichern könnte der Wert an einem anderen Ort, so dass Sie es initialisieren beim laden mit JavaScript)

    1) - Einfache Verwendung von Front-End-Speicher, der rüstet einen beliebigen Browser (Cookie -, Session Storage, Local Storage, - die aus Gründen der Sicherheit zur Verfügung, während ein domain -> es bedeutet, dass Sie Daten speichern können, auf diese Lagerung nur für eine domain einer anderen domain keinen Zugriff auf diese Daten ) und legen Wert auf einer Seite und erhalten den Wert in der anderen.
    Wenn man bedenkt, dass:

    Cookie speichert die Daten bis zu welchem Zeitpunkt haben Sie festgestellt,

    Session Storage speichert die Daten, bis der browser Standard-Registerkarte geschlossen.

    Lokalen Speicher speichert die Daten, bis der Browser komplett geschlossen und teilt Daten zwischen den Registerkarten (Seiten), die Es speichert Daten ohne Verfallsdatum, und ruft gelöscht, nur über JavaScript, oder löschen Sie den Browser-Cache /Lokal Gespeicherten Daten - im Gegensatz zu cookie-Ablauf.

    2) – Hinzufügen der Attribute zu dem element, wenn es erzeugt über Ajax render-Funktion 

    <a href='example2.html?action=getAll&element=product&id=1'>a link</a>
<a href='example2.html?action=getAll&element=product&id=2'>another link</a>

    -> und nach der klicken Sie auf dieses element-Konstrukt “ URL /? action=getAll & element=product & id=1 “ und in der zweiten Seite, die verschwunden sein wird Aktion, die Sie analysieren können Sie diese URL und rufen entsprechende Ajax mit entsprechenden Parametern.

    dies ist die beste Antwort
    Danke!!!!!!

    InformationsquelleAutor Musa

  3. 1

    Können Sie Gebrauch von cookies und Querystring, um die Werte auszutauschen.

    InformationsquelleAutor Pranay Rana

Schreibe einen Kommentar