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

Installation und Verwendung der Ubuntu 18.04 Serverversion (Bild und Text)

1 Schritte zur Systeminstallation Betriebssystemv...

Vergleichstabelle für HTML-Sondersymbole auf Webseiten

Sondersymbole Benannte Entitäten Dezimalkodierung...

Detaillierte Beispiele zur Ajax-Verwendung in js und jQuery

Inhaltsverzeichnis Natives JS So senden Sie eine ...

Natives JS zum Erzielen von Verzeichnis-Scrolleffekten

Hier ist ein Text-Scrolling-Effekt, der mit nativ...

Implementierung der Nginx-Konfiguration HTTPS-Sicherheitsauthentifizierung

1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...

Schritte zur VMware-Konfiguration des VMnet8-Netzwerks

Inhaltsverzeichnis 1. Einleitung 2. Konfiguration...

Diagramm der Installationszusammenfassung für MySQL 8.0.11

Installationsumgebung: CAT /etc/os-release Zeigt ...

W3C Tutorial (6): W3C CSS Aktivitäten

Ein Stylesheet beschreibt, wie ein Dokument angez...

Datendiebstahl mit CSS in Firefox

0x00 Einführung Vor einigen Monaten habe ich eine...

10 Gründe, warum Linux immer beliebter wird

Linux wird von immer mehr Benutzern geliebt. Waru...

jQuery realisiert den Gleiteffekt des Dropdown-Menüs

Wenn wir eine Webseite erstellen, möchten wir man...

Lösen Sie schnell das Problem der chinesischen Eingabemethode unter Linux

Hintergrund: Ich arbeite derzeit an Funktionen fü...