javascript - HTML ボタンは POST リクエストを実行できますか?

Question

送信タイプのボタンで POST リクエストを送信したい。

私は次のようなことを考えています：

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

文字列「Upvote」が POST リクエストで名前として送信されます。

私はこれが機能していないことを知っています.AJAX（javascript）を使用する方法があることも知っていますが、私はこの分野にはかなり慣れていません. これが一般的に可能かどうかは疑問です。

アップデート

誰かが<input>タグの使用を提案したので、試してみました。問題は、POST ではなく GET を生成することです。

score 79 · Accepted Answer

ボタンに名前と値を指定する必要があります。

名前なしでコントロールを送信することはできず、ボタン要素の内容は値ではなくラベルです。

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

score 67 · Accepted Answer

これは、「送信」タイプの入力要素で実行できます。これはボタンとしてユーザーに表示され、ボタンをクリックするとフォームが送信されます。

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

score 4 · Accepted Answer

あなたはできる：

<input type="submit" ..>または、そのボタンの代わりに, を使用します。
または、JavaScript を少し使用して、(名前または ID を使用して) フォームオブジェクトを取得し、それを呼び出しますsubmit(..)。例: form.submit(). このコードをボタンクリックイベントに添付します。これにより、フォームパラメータがシリアル化され、フォームの method 属性で指定されたとおりに GET または POST リクエストが実行されます。

5 に答える 5