Verwenden Sie ein Iframe, um das Formular zu senden, ohne die Seite zu aktualisieren

Verwenden Sie ein Iframe, um das Formular zu senden, ohne die Seite zu aktualisieren
Deshalb führen wir ein Einbettungsframework ein, um dieses Problem zu lösen. Das konkrete Prinzip lautet: Wenn das Formular Daten übermittelt, wird als Übermittlungsziel nicht die aktuelle Seite festgelegt, sondern ein eingebetteter Frame auf der aktuellen Seite.
Zuerst sollten Sie einen Inline-Frame unterhalb des Bodys einfügen:

Code kopieren
Der Code lautet wie folgt:
<iframe style="Breite: 0; Höhe: 0; oberer Rand: -10px;" name="submitFrame" src="about:blank"></iframe>

Sie sollten dann diesen eingebetteten Frame als Ziel des Formulars festlegen, und zwar wie folgt:

Code kopieren
Der Code lautet wie folgt:
<form name="testform" method="post" action="apply.cgi" target="submitFrame"> <input type="submit" value="Senden"> </form>

Auf diese Weise bekommen wir, was wir brauchen.

<<:  Beispielcode zur Implementierung eines dreispaltigen Layouts mit CSS, wobei die mittlere Spalte adaptiv ist und ihre Breite mit der Textgröße ändert

>>:  Mehrere häufig verwendete Single-Page-Anwendungswebsite-Sharing

Artikel empfehlen

Mehrere Möglichkeiten zum Festlegen der Ablaufzeit von localStorage

Inhaltsverzeichnis Problembeschreibung 1. Basislö...

Vue implementiert die Anzeige und Ausblendung der dreistufigen Navigation

In diesem Artikelbeispiel wird der spezifische Co...

Einführung in Jenkins und wie man Jenkins mit Docker bereitstellt

1. Verwandte Konzepte 1.1 Jenkins-Konzepte: Jenki...

JavaScript implementiert schnell Kalendereffekte

In diesem Artikelbeispiel wird der spezifische Ja...

Detaillierte Erläuterung der Nginx-Zugriffsbeschränkungskonfiguration

Was ist die Nginx-Zugriffsbeschränkungskonfigurat...

So installieren Sie den Kibana-Tokenizer im Docker-Container

Schritt: 1. Erstellen Sie eine neue Datei docker-...

HTML-Elemente (Tags) und ihre Verwendung

a : Gibt die Start- oder Zielposition eines Hyper...