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

So verwenden Sie mysqldump zum Sichern von MySQL-Daten

1. Einführung in mysqldump mysqldump ist ein logi...

Implementierung der MySQL-Datendesensibilisierung (Telefonnummer, ID-Karte)

1. Erklärung zur Datendesensibilisierung Bei den ...

So lösen Sie das Problem, dass Tomcat9.exe abstürzt

Ein Leser kontaktierte mich und fragte, warum es ...

Zusammenfassung gängiger Docker-Befehle (empfohlen)

1. Zusammenfassung: Im Allgemeinen können sie in ...

Ajax löst domänenübergreifende Probleme durch Festlegen eines CORS-Antwortheaders, um eine domänenübergreifende Fallstudie zu erreichen

1. Legen Sie den CORS-Antwortheader fest, um domä...

Wie Sie eine statische IP in CentOS7 auf VirtualBox6 festlegen und was Sie dabei beachten müssen

Installieren Sie CentOS 7 nach der Installation v...

Detaillierte Erläuterung der Lösung für npm ls-Fehler, die durch das fsevents-Modul unter Linux verursacht werden

Es gibt ein auf dem Mac entwickeltes Projekt, das...

Vue implementiert zwei Methoden zur Steuerung der Routing-Berechtigung

Inhaltsverzeichnis Methode 1: Routing von Metainf...

Tutorial zur Installation von MySQL 8.0.18 unter Windows (Community Edition)

In diesem Artikel wird kurz die Installation von ...

Eine kurze Diskussion über die Definition und Vorsichtsmaßnahmen von H-Tags

Den Ergebnissen zufolge gibt es für die Definitio...

WeChat-Applet implementiert Suchfunktion und springt zur Suchergebnisseite

Suchseite: search.wxml-Seite: <view class=&quo...

Analyse des Benchmarking-Prozesses von Sysbench für MySQL

Vorwort 1. Benchmarking ist eine Art Leistungstes...

Drei Methoden zum automatischen Vervollständigen von Befehlen in der MySQL-Datenbank

Hinweis: Die dritte Methode wird nur in XSell ver...

So verwenden Sie HTML-Tabellen (um den visuellen Effekt einer Webseite anzuzeigen)

Wir wissen, dass wir beim Verwenden von HTML im N...

Detaillierte Erläuterung der ActiveMQ-Bereitstellungsmethode in der Linux-Umgebung

Dieser Artikel beschreibt die Bereitstellungsmeth...