JavaScript/jQuery

【JavaScript】FormDataに入っている中身を確認する方法!

FormDataあきぞらです。

JavaScriptを書いていて、

FormDataの中身を確認したい場面がありました。

今回はその方法について紹介していきます。

そもそもFormDataとは?

FormDataとは、XMLHttpRequest(XHR)を使用してデータを送信するためのオブジェクトです。

FormDataを利用することによって、ファイルなどのデータを送信することができます。

FormDataの中身を確認する方法

JavaScriptの処理のなかで、FormDataのプロパティ(中身)を確認したい場面がありました。

FormDataのプロパティを確認するには、get()を使います。

// インスタンス化
const formData = new FormData();

// プロパティを追加
formData.append("userName", "あきぞら");
formData.append("userMail", "example@akizora.tech");

// 中身を取得
console.log(formData.get("userName")); // あきぞら

formData.get("キー名)とすることで取得できます。

「ちゃんと値入ってるっけ?」「何が入ってるっけ?」等の確認に使えるかと思います!

では、また。

-JavaScript/jQuery

Copyright© あきぞらてっく , 2026 All Rights Reserved Powered by AFFINGER5.