FORMタグを使わずに遷移先にデータをPOSTする方法

Question

表題の件です。
イメージはjqueryの$.post()のような感じで、そのまま遷移して欲しいです。
何か良いやり方があれば教えて欲しいです。

$("#hoge_button").click(() => {
  const data = {code:123, name:"加藤"};
  $.post( "/result", data); //→このまま遷移して欲しい。
});

【追記】
FORMタグを使わない理由も質問文に追記したほうが良いとご指摘をいただきました。

例えば１画面内の複数コンテンツ（？）にまたがって入力項目がバラバラに存在するような場合、その全体を<FORM>タグでククるのに違和感を感じました。
であれば、自由に<input>タグで入力項目を配置して質問内容のようにデータPOST出来たらよいな、と思ったのがキッカケです。

Comments

[kei344]

FORMタグを使わない理由も質問文に追記されたほうが良いとおもいます。

[uroncha]

ご指摘ありがとうございます。
例えば１画面内の複数コンテンツ（？）にまたがって入力項目がバラバラに存在するような場合、
その全体を<FORM>タグでククるのに違和感を感じました。
であれば、自由に<input>タグで入力項目を配置して質問内容のようにデータPOST出来たらよいな、と思ったのがキッカケです。

[kei344]

この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文に追記することをお勧めします。

Answer 1

全力でタイトルには反しますが、「JavaScriptで動的に<form>タグを生成して、それをsubmitさせる」ことでも、目的のような動作を果たせます。

Comments

[uroncha]

どこかのサイトでjqueryを使った同等の方法を見つけました。やはり少し特殊なことをしないと出来ないことなのが理解できました。ありがとうございました。

Answer 2

マイクロソフトを除外すれば...これができる。

<p>１行テキスト入力欄： <input type="text" name="sampleName" form="sampleFormId"></p>
<p><input type="submit" value="送信" form="sampleFormId"></p>
<form id="sampleFormId"></form>

Comments

[uroncha]

こんな方法があるのですね勉強になりました。
と同時にやっぱり<form>タグを使わないとPost遷移が出来ないことを理解しました。ありがとうございました。