JavaScript-Datenübertragung zwischen verschiedenen Seiten (URL-Parametererfassung)

Auf Webseiten begegnen wir häufig dieser Situation: Wenn wir auf einer bestimmten Seite Informationen eingeben, wird auf eine andere Seite gesprungen und die von uns eingegebenen Informationen werden an eine andere Seite weitergegeben. Wie machen wir das?
Lassen Sie uns das heute in der Praxis ausprobieren. Beispielsweise gibt es jetzt zwei Seiten. Wenn wir auf einer Seite Benutzerinformationen eingeben, springen wir zu einer anderen Seite und zeigen die xx-Willkommensoberfläche zur Anmeldung an.

Schauen wir uns zunächst die Designideen an:

• Die erste Anmeldeseite enthält ein Übermittlungsformular und action wird an index.html übermittelt.
• Die zweite Seite kann die Parameter der ersten Seite verwenden und so den Effekt der Datenübertragung zwischen verschiedenen Seiten erzielen.
• Die zweite Seite kann die Daten der ersten Seite verwenden, da sie den Parameter location.search in der URL verwendet.
• Auf der zweiten Seite muss dieser Parameter extrahiert werden.
• Der erste Schritt besteht darin, es mit substr zu entfernen?
• Der zweite Schritt besteht darin, split('=') zu verwenden, um Schlüssel und Wert zu trennen
• Das erste Array ist der Schlüssel und das zweite Array ist der Wert

Der Implementierungscode lautet:

<Text>
    <form action="index.html">
        Benutzername: <input type="text" name = 'uname'>
        <input type="submit" value="Senden">
    </form>
</body>

<Text>
    <div><span style="font-weight:700; color:blue"></span>Willkommen beim Einloggen! </div>
    <Skript>
       var span = document.querySelector('span'); //Holen Sie sich den Span-Tag var myName = location.search.substr(1); //Holen Sie sich den auf der vorherigen Seite eingegebenen Parameter var arr = myName.split('='); //Verwenden Sie das =-Zeichen, um Schlüssel und Wert zu trennen span.innerHTML = arr[1] + '' //Übergeben Sie die Daten an span
    </Skript>
</body>

Der laufende Effekt ist:

Damit ist dieser Artikel zur Übertragung von JavaScript-Daten auf verschiedenen Seiten (URL-Parametererfassung) abgeschlossen. Weitere Informationen zur Übertragung von JavaScript-Daten auf verschiedenen Seiten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!