[node.js]formでJSで作成された情報と共に送信する

html
1<body>
2 <form action="/hoge" method="POST">
3  <input type="text" name="message">
4 </form>
5</body>

このように、formでサーバー送信する際、一緒にJSで作成された情報（あるいは、ipアドレスなどのクライアント情報）を同時に送信するためにはどうすればよいのでしょうか？

新しく、display:none　の状態のinputをつくり、JSからそこに値を入れるというのが簡単な気はしますが、ほかに良い方法などはないのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

以下の2つの方法が思いつくので試してみてください。

hiddenのinputを用意してjsでセットして普通にsubmit

html
1<body>
2 <form id="submitForm" action="/hoge" method="POST">
3    <input type="text" name="message">
4    <!-- type="hidden" は表示されないのでこの値にセットする -->
5    <input type="hidden" name="hidden_data" value="xxxx">
6 </form>
7</body>

JavaScriptでFormDataオブジェクトを作ってフォーム送信

js
1document.querySelector('#submitForm').onsubmit(function(e) {
2  e.preventDefault();
3  // form内のinputタグのデータをFormDataに変換
4  var form_data = new FormData(e.target);
5  // 追加するformデータ
6  form_data.append("apenddata, 123456);
7
8  fetch('/hoge', {
9    method: 'POST',
10    body: form_data
11  })
12}