1. ホーム
  2. ジャバスクリプト

[解決済み】GETの代わりにPOSTを使用するリンクの作成

2022-04-02 17:25:58

質問

こんなことが可能なのかどうか、よくわかりません。しかし、ハイパーリンクにいくつかの変数を渡して、GETではなくPOST(フォームのようなもの)を使用する方法を知っている人がいたら教えてください。

解決方法は?

投稿される値を保持する hidden input を持つフォームを作成し、そのフォームに アクション を送信先のURLに、フォームのメソッドを ポスト . そして、リンクがクリックされたときに、フォームを送信するJS関数をトリガーします。

参照 ここで をご覧ください。この例では、jQueryを使用せず、純粋なJavaScriptを使用しています - すでに持っている以上のものをインストールしたくない場合は、これを選択できます。

<form name="myform" action="handle-data.php" method="post">
  <label for="query">Search:</label>
  <input type="text" name="query" id="query"/>
  <button>Search</button>
</form>

<script>
var button = document.querySelector('form[name="myform"] > button');
button.addEventListener(function() {
  document.querySelector("form[name="myform"]").submit();
});
</script>