Zum Frontend-Abschlussdesign hat der Senior etwas zu sagen

:hover Wenn sich die Maus über einem Label mit diesem Attribut bewegt, ändert es sich, sodass das aktuelle Label das durch Hover beschriebene Attribut aufweist

Methoden und Optionen zum Übermitteln von Daten an das Backend von der Webseite aus

Wie wir alle wissen, bestehen Web-Frontend-Seiten hauptsächlich aus HTML/CSS/Javascript. Wenn Sie verschiedene Funktionen durch Interaktion mit Benutzern implementieren möchten, müssen Sie einige Daten oder Vorgänge an den Hintergrund übermitteln. In der Web-Welt gibt es eine schillernde Vielfalt an Implementierungen, aber letztendlich gibt es nicht mehr als drei Methoden, die auch durch die Interaktionsregeln des Front-End-Skripts, des Browsers und des Back-Ends bestimmt werden.

1. Per Formular einreichen

Dies ist die traditionellste von HTML unterstützte Übermittlungsmethode. Das Formular enthält dann verschiedene Arten von Formularelementen, und über die Schaltfläche „Senden“ gibt es im Hintergrund auch eine Schaltfläche zum Senden , die Seite wird nach dem Absenden aktualisiert.

2. Über Weblink einreichen

Sie können Parameter, die an den Link auf der Webseite übermittelt werden müssen, anhängen. Wenn der Benutzer auf den Link klickt, initiiert der Browser den Zugriff auf den Link und übermittelt dadurch auch die an den Link angehängten Parameter nach der Übermittlung auf diese Weise aktualisiert.

3. Über Ajax einreichen

Javascript unterstützt die Ajax-Methode zum Erstellen von HTTP-Anfragen. Sie können eine Ajax-Anfrage in der Ereignisverarbeitungsfunktion des HTML-Seitenelements erstellen, die erforderlichen übermittelten Parameter im URL-Parameter enthalten und diese dann an den Hintergrund senden nach der Übermittlung auf diese Weise aktualisiert werden.

Auf tatsächlichen Webseiten müssen wir die geeignete Übermittlungsmethode basierend auf den Anforderungen der tatsächlichen Benutzerinteraktion auswählen.

1. Wenn Sie einige Formulartypen für Benutzereingaben verwenden müssen, z. B. Textfelder, Optionsfelder und Dropdown-Felder, können Sie die 1. und 3. Methode auswählen. Wenn Sie möchten, dass die Seite nach der Übermittlung aktualisiert wird, wählen Sie die erste Methode. Wenn nicht, wählen Sie Option 3, wenn Sie möchten, dass die Seite nach der Übermittlung aktualisiert wird.

2. Wenn Sie keine Formulartypeingabe benötigen, können Sie die 2. und 3. Methode wählen. Wenn Sie möchten, dass die Seite nach der Übermittlung aktualisiert wird, wählen Sie die 2. Methode 3. Methode.

3. Es gibt kein Problem mit mehreren Formularen oder mehreren Senden-Schaltflächen, die einem Formular entsprechen. Es ist natürlich zu beachten, dass die Seite bei mehreren Formularen bei jeder Übermittlung nur den Wert des übermittelten Formulars erhält. Formulare können nicht verschachtelt werden. Bei der Übermittlung wird das ausgeblendete Feld ebenfalls übermittelt. Sie können verschiedene Vorgänge basierend auf unterschiedlichen ausgeblendeten Feldwerten ausführen.

Das obige ist der detaillierte Inhalt vonZum Frontend-Abschlussdesign hat der Senior etwas zu sagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!