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. |
>>: Mehrere häufig verwendete Single-Page-Anwendungswebsite-Sharing
Artikel empfehlen
Detaillierte Erläuterung der Anwendung von Meta-Tags bei der Entwicklung mobiler Plattformen
Jeder kennt das Meta-Tag im Weblayout von Desktop...
MySQL-Optimierung: Cache-Optimierung (Fortsetzung)
In MySQL gibt es überall Caches. Wenn ich den Que...
So verwenden Sie IDEA zum Konfigurieren von Tomcat und Erstellen von JSP-Dateien
Bevor Sie idea zum Schreiben von JSP-Dateien verw...
Grafisches Tutorial zur Konfigurationsmethode für die kostenlose Installationsversion von MySQL 5.7.20
Ich habe viele relevante Tutorials im Internet ge...
Beispiel für die MySQL-Methode zum Löschen von Daten und Datentabellen
Es ist sehr einfach, Daten und Tabellen in MySQL ...
Erfahren Sie in einem Artikel mehr über JavaScript-Closure-Funktionen
Inhaltsverzeichnis Variablenbereich Das Konzept d...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.18 winx64
Die Installation komprimierter Pakete hat sich se...
Erfahren Sie, wie Sie ein Vue-Projekt mit Docker bereitstellen
1.Schreiben Sie davor: Als leichtgewichtige Virtu...
JS erhält Fünf-Sterne-Lob
In diesem Artikel wird der spezifische Code von J...
Codebeispiel für das Nutzungsszenario der Nginx-Domänenweiterleitung
Szenario 1: Aufgrund von Serverbeschränkungen ist...
Detaillierte Erläuterung der Angular-Datenbindung und ihrer Implementierung
Inhaltsverzeichnis Vorwort Was ist Datenbindung? ...
MySQL-Datenbanktabellendesign mit Baumstruktur
Inhaltsverzeichnis Vorwort 1. Basisdaten 2. Verer...
Erläuterung der Verwendungsszenarien von SQL und verschiedenen NoSQL-Datenbanken
SQL ist der Hauptstamm. Warum ich das so verstehe...
Beginnen Sie CSS-Pseudoklassennamen nicht mit Zahlen
Wenn Neulinge Div+CSS entwickeln, müssen sie die ...