HTMLのAタグ(アンカータグ)のみでPOSTデータを送信する方法


やってみると意外と簡単だが、見た目は全然綺麗じゃない・・・


<a href="javascript:void(0)" onclick="document.defaultLink.submit(); return false;">リンク名</a>

<form name="defaultLink" method="post" action="http://example.com/[POST先URLなど]">
<input type="hidden" name="[POSTしたい値のキー1]" value="[POSTしたい値1]">
<input type="hidden" name="[POSTしたい値のキー2]" value="[POSTしたい値2]">
<input type="hidden" name="[POSTしたい値のキー3]" value="[POSTしたい値3]">
</form>

「href」の属性はとりあえず「javascript:void(0)」にしています。

「return false;」がないとそのままリンク先に飛んでいってしまうので注意。

これが一番オーソドックスでシンプルな方法だと思う。

コメントを残す

メールアドレスが公開されることはありません。