Kann eine HTML-Schaltfläche eine POST-Anforderung ausführen?

Ich möchte, dass eine Schaltfläche zum Senden eines Postens eine POST-Anfrage sendet.

Ich denke über so etwas nach:

<form action = "" method = "post">
    <button>Upvote</button>
<form>

Dabei wird die Zeichenfolge "Upvote" als Name in der POST-Anfrage gesendet.

Ich weiß, dass dies nicht funktioniert, und ich weiß, dass es Möglichkeiten gibt, AJAX (Javascript) zu verwenden, aber ich bin ziemlich neu in diesem Bereich. Ich frage mich nur, ob dies überhaupt möglich ist.

Aktualisieren

Jemand schlägt vor, dass <input>ich Tag verwendet habe. Das Problem ist, dass eher ein GET als ein POST generiert wird.

Dies kann mit einem Eingabeelement vom Typ "submit" erfolgen. Dies wird dem Benutzer als Schaltfläche angezeigt, und durch Klicken auf die Schaltfläche wird das Formular gesendet.

<form action="" method="post">
    <input type="submit" name="upvote" value="Upvote" />
</form>

Sie müssen der Schaltfläche einen Namen und einen Wert geben.

Ohne Namen kann kein Steuerelement gesendet werden, und der Inhalt eines Schaltflächenelements ist die Bezeichnung und nicht der Wert.

<form action="" method="post">
    <button name="foo" value="upvote">Upvote</button>
</form>

Sie können dies mit ein wenig Hilfe von JS tun. Im folgenden Beispiel wird eine POST-Anforderung per Mausklick mit der Abrufmethode gesendet:

const button = document.getElementById('post-btn');

button.addEventListener('click', async _ => {
  try {     
    const response = await fetch('yourUrl', {
      method: 'post',
      body: {
        // Your body
      }
    });
    console.log('Completed!', response);
  } catch(err) {
    console.error(`Error: ${err}`);
  }
});

<button id="post-btn">I'm a button</button>

Sie können:

• Verwenden Sie entweder eine <input type="submit" ..>anstelle dieser Schaltfläche.
• Oder verwenden Sie ein bisschen Javascript, um ein Formularobjekt (mit Name oder ID) zu erhalten und es aufzurufen submit(..). ZB : form.submit(). Fügen Sie diesen Code dem Ereignis zum Klicken auf die Schaltfläche hinzu. Dadurch werden die Formularparameter serialisiert und eine GET- oder POST-Anforderung ausgeführt, wie im Methodenattribut des Formulars angegeben.