jQueryでフォーム送信時にPOSTパラメータ付与。

Question

前提・実現したいこと

HTMLには、フォームが用意されていて、
HTMLファイルを編集せずに(HTML自体はjQueryでいじってもよい)、
jQueryでフォームのPOST送信させる際、パラメータを付与したいのですが、
その場合、hiddenタグを動的に生成して値を埋め込む方法しかないですか？
ボタンのクリック処理にフォーム送信機能を持たせます。
他に方法があればご教示お願いします。

試したこと

下記の方法しか思いつかなかったのですが、他に実装方法ってありますか？
hiddenタグを動的に生成して埋め込んでいるのが、なんか無理やりな気がしたためです。

$(document).on("click",".mysubmit",function(e){
                var testtag = $("<input type='hidden' name='testId'>");
                testtag.val(testId);
                $('form').append(testtag);

                $('form').attr('action', "test/test");
                $('form').attr('method', 'post');
                $('form').submit();
}

POSTメソッドでPOST送信できるみたいですが、試したところ、画面遷移はしませんでした。
そうすると、下記の処理の後に、画面遷移処理をすればよいかもしれませんが、
その手間を考えると、上記と変わらないのかなと思いました。
あと、下記だと、フォームの中のパラメータも付与、なおかつ、jQuery側で生成したパラメータも付与の両方はできないのかなと思いました。

$.post( 'https://httpbin.org/post', 'name=太郎' )

Comments

[miyabi_pudding]

JavaScript（jQuery）でパラメータを後付けして送信なら、その処理でいいかと思います。
何が問題な感じでしょうか？
もっといい方法がある、正規（かスマート）な方法があるなら知りたい、ということでしょうか。
それとも、一つ目の構文ではページ遷移しない、というのが問題、ということでしょうか。

[tkshp]

ご指摘ありがとうございます。
無理やりな感じがしたので、
もっといい方法がある、正規（かスマート）な方法があるなら知りたい、ということです。

[miyabi_pudding]

わかりました。
遷移しないことに関しては特に不問でよろしいということですね。
回答に移ります。

[tkshp]

$.postでは遷移しなかったですが、$('form').submit()では画面遷移しました。
$.postの場合は、その後に画面遷移処理を書けばよいのかなと思いました。
話が噛み合ってなかったらすみません。

Answer 1

jQueryでフォームのPOST送信させる

のがajaxを利用するのでないなら

hiddenタグを動的に生成して値を埋め込む方法しかないですか？

こうするしかありません
もしくはクッキーなど別の渡し方を検討ください

Comments

[tkshp]

ご回答ありがとうございます。
とても勉強になりました。
ありがとうございます。

Answer 2

結論から申し上げますと、質問のコードが一番かと思われます。

httpアクセスの場合、サーバーサイドであれば、リクエストheaderに値を追加などをすることができますが、
フロントエンドでは、Ajaxでない限りは、httpリクエストに値を追加などはできません。
よって、あくまでformで送信の場合は、JavaScript（jQuery）によって、input要素を追加、があくまで妥当かと思います。

質問のコード二つ目のAjaxでのリクエストならば、headerに値を追加など可能ではありますが、ページ遷移がされないので、
その後、location.hrefによってページ遷移をさせる必要があるため、（ページ遷移させるのであれば、です）
結果、無理やり感というか、上記と大差ない仕様な気がします。
であれば、最終的にはあくまでHTMLの仕様を使う、一つ目のコードが、妥当なのかな、と思います。

ただ、ページ遷移するはずの処理のはずなのに、ページ遷移がされないのが不可解ではあります。
質問者さんの意図した動作なのであれば、問題ないとは思いますが。

Comments

[tkshp]

ご回答ありがとうございます。
とても勉強になりました。
ありがとうございます。