💭

ブラウザ上で、POSTでリクエスト(送信)して、WEBページを表示させる方法

2023/08/06に公開

✅こういう方でお困りの方へ

  • APIなど開発の際に、「POST」でデバッグしたい人
  • postmanなどのデバッグツールを使うのが面倒な人向け。
  • わざわざデバッグ用に、POST専用のフォームを作るのが面倒

✅概要

  • Javascriptで、疑似的なフォームを作成することで、POSTのリクエストを送信することが可能

✅方法

  • 以下のコードを、開発者モード(F12)の「コンソール」に貼り付け実行すれば、POSTが送られる。
// フォームを作成
document.body.insertAdjacentHTML("beforeend", `
    <form id="TEST_FORM" action="https://www.google.com/" method="post"  >
      // パラメータ
	<input  name="uid"  value="id123456789"  />
	<input  name="name"  value="tanaka202345"  />
	<input  name="age"  value="25"  />
    </form>
`)

// フォームを送信
document.getElementById("TEST_FORM").submit()

Discussion