Der Unterschied zwischen der Übermittlungsaktion eines HTML-Formulars und dem Sprung zur URL

Der Unterschied zwischen der Übermittlungsaktion eines HTML-Formulars und dem Sprung zur URL
Die Aktion des Formulars unterscheidet sich vom URL-Sprung:

Das Formular kann Daten an den Hintergrund übergeben und der Hintergrund kann das Anforderungsobjekt direkt verwenden, um Daten vom Front-End anzufordern.
Es gibt zwei Möglichkeiten, Daten über ein Formular zu übergeben:
method="post": Dies wird verwendet, um große Datenmengen zu übertragen. Die Daten werden vor der Übertragung verpackt, sodass diese Methode der Datenübertragung weniger effizient ist, aber die durchlaufenden Daten können korrekt analysiert werden, sodass bei der Übertragung von Chinesisch keine verstümmelten Zeichen auftreten.
Methode = "get": Über URL übertragen. Aufgrund der begrenzten Länge der Adressleiste ist die Datenmenge begrenzt und die übertragenen Daten müssen innerhalb des ASCII-Codewertebereichs liegen. Daher treten bei der Übertragung von Chinesisch verstümmelte Zeichen auf, und eine spezielle Verarbeitung ist erforderlich.

Die URL springt zur Aktion nur über die URL-Parameter, um Daten zu übergeben, Aktion? Parametername = Parameterwert & …, im Hintergrund können Sie das Anforderungsobjekt auch verwenden, um den URL-Parameterwert vom Front-End anzufordern (die URL-Übergabe chinesischer Parameter erfordert eine spezielle Verarbeitung).

<<:  HTTP-Statuscodes

>>:  Das Problem, dass jquery.form.js den Zugriff im IE verweigert und der Input-Upload-Button aktiv angeklickt werden muss

Artikel empfehlen

5 Tipps zum Schreiben von CSS, um Ihren Stil standardisierter zu gestalten

1. CSS alphabetisch ordnen Nicht in alphabetischer...

Detaillierte Analyse der HTML-Semantik und der zugehörigen Front-End-Frameworks

Über Semantik Die Semantik ist die Lehre von der ...

Eine kurze Einführung in React

Inhaltsverzeichnis 1. CDN-Einführung 1.1 reagiere...

So verwenden Sie den Linux-Befehl „locate“

01. Befehlsübersicht Der Befehl „locate“ ist eige...

Detaillierte Erklärung zur Verwendung von Eslint in Vue

Inhaltsverzeichnis 1. Beschreibung 2. Laden Sie d...

Implementierung des Element-UI-Layouts (Zeilen- und Spaltenkomponenten)

Inhaltsverzeichnis Grundlegende Anweisungen und V...

Teilen Sie 20 hervorragende Beispiele für Webformular-Design

Sophie Hardach Kai von Clyde Quay 37 Ost Seifenkis...

VUE realisiert Registrierungs- und Login-Effekte

In diesem Artikelbeispiel wird der spezifische Co...

Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)

Rendern Häufig verwendete Stile im Blog Garden /*...

Tutorial zur MySQL-Installation unter Linux (Binärdistribution)

Dieses Tutorial beschreibt Ihnen die detaillierte...

Über Front-End JavaScript ES6 Details

Inhaltsverzeichnis 1. Einleitung 1.1 Babel-Transc...