Analyse zweier Verwendungen des A-Tags in HTML-Post-Anfragen

Analyse zweier Verwendungen des A-Tags in HTML-Post-Anfragen

Zwei Beispiele für die Verwendung des „a“-Tags in HTML-Post-Anfragen sind wie folgt:

1. Verwenden Sie Ajax, um eine POST-Anfrage zu initiieren

Der HTML-Code lautet wie folgt:

<a href="https://www.jb51.net/" class="a_post">POST-Anfrage einleiten</a>

Der JQuery-Code lautet wie folgt:

$(".a_post").on("klicken",Funktion(Ereignis){
    event.preventDefault(); // Mache die Methode ungültig, d. h. sie kann nicht an die URL in href angepasst werden (https://www.cnblogs.com/)
    $.ajax({
           Typ: "POST",
           url: "URL-Adresse",
           Inhaltstyp: „application/json“,
           Daten: JSON.stringify({param1:param1,param2:param2}), //Parameterliste dataType:"json",
           Erfolg: Funktion(Ergebnis){
              //Operation nach Anfrage ist korrekt},
           Fehler: Funktion(Ergebnis){
              //Operation nach Anforderungsfehler}
    });
});

2. Verwenden Sie das Formular, um eine POST-Anfrage zu initiieren

<form id="_form" method="post" action="ziel">
  <input Typ="versteckt" Name="Name" Wert="Wert" /> 
  <a onclick="document.getElementById('_form').submit();">Klicken Sie auf „Senden“.</a>
</form>

Zusammenfassen

Dies ist das Ende dieses Artikels über die beiden Verwendungen des A-Tags in HTML-Post-Anfragen. Weitere relevante Inhalte zum A-Tag in HTML-Post-Anfragen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<:  Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

>>:  Einführung in Netzwerktreiber für Linux-Geräte

Artikel empfehlen

WeChat-Applet + ECharts zur Realisierung eines dynamischen Aktualisierungsprozesses

Vorwort Kürzlich stieß ich auf eine Anforderung, ...

Implementierung der Änderung von Konfigurationsdateien im Docker-Container

1. Betreten Sie den Container docker run [Option]...

CSS3-Countdown-Effekt

Ergebnisse erzielen Implementierungscode html <...

Die Komponente vue-cropper realisiert das Zuschneiden und Hochladen von Bildern

In diesem Artikel wird der spezifische Code der V...

MySQL5.6.31 winx64.zip Installations- und Konfigurationstutorial

#1. Herunterladen # #2. Entpacken Sie die Datei l...

4 Möglichkeiten zur Implementierung von Routing-Übergangseffekten in Vue

Vue-Router-Übergänge sind eine schnelle und einfa...

Die Vue-Konfigurationsdatei generiert automatisch Routing- und Menüinstanzcode

Inhaltsverzeichnis Vorne geschrieben router.json ...

So ändern Sie die Länge eines Eingabetextfelds entsprechend seinem Inhalt

Erste: Code kopieren Der Code lautet wie folgt: &l...