javascriptにて、POST送信する場合のヘッダー付与の方法

Question

前提

JavaScriptにて、POST送信するコードを書いています。

var fotm = document.createElement("from");
form.action = 'http://www.hogehoge.com/';
form.method = 'POST';
document.body.append(form);
form.submit();

実現したいこと

上記のコードに以下のようなヘッダー情報を付与したいのですが、
上記のコードにどのようにして、追記すればいいでしょうか？

hogehoge:hoge001

Comments

[yambejp]

なんのためにでしょうか？
ユーザーの任意でhttpヘッダを汚染させたい意味がわかりません

[mantohihi]

ある事情でヘッダーに情報を持たせたい状況になっためです

Answer 1

• すでに回答がでていますが、ページ遷移が不要ならfetchでよいでしょう
• そうでないならjsでは無理なのでサーバーサイドのプログラムに一旦飛ばしてヘッダを付加しつつ307で転送してください

「ある事情でヘッダーに情報を持たせたい状況」という運用自体に問題があります

Comments

[mantohihi]

ありがとうございます
fetchでやってみたいとおもいます

Answer 2

単に「javascriptにて、POST送信する」という条件を満たせばいいのであれば、XHRやfetchを使うことで任意のヘッダ指定も可能です。

Comments

[mantohihi]

ありがとうございます
考えてみます