POST送信（通常／javascriptで制御／動的にフォームを作って送信）

■通常

何も制御する必要がない場合はこちら。

<form method="POST" action="" onSubmit="return check()">
  なんらかのフォーム
  <input type="submit" value="送信" />
</form>

■javascriptで制御する場合

javascriptで制御するので、バリデーションなどの処理をはなむことができる。

<form method="POST" action="" onSubmit="return check()">
  なんらかのフォーム
  <input type="submit" value="送信" />
</form>

<script>  
  function check() {
      if (window.confirm('実行しますか？')) {
        return true;
      } else {
        return false;
      }
  }
</script>

■動的にフォームを作って送信（Formを使わない）する場合

動的にフォーム作成し、post送信することで、フォームを用いずにちょっとしたデータをpost送信できる。

<script>
  // ダウンロードしたファイル名を送信する
  function sendDownloadedFileName(file_name){
    const file_name = element.id;
    
    /* post送信する */
		const form = document.createElement('form');
    form.action = '';
    form.method = 'post';
		// 送信データ作成
    // 下記のように動的にフォームを作る
  　// もちろん複数フォームを作成することもできる　
    const data1 = document.createElement('input');
    data1.value = file_name;
    data1.name = 'file_name';
    form.appendChild(data1);
  
    document.body.appendChild(form);

    form.submit();
  }
</script>