【jQuery】FormDataの中身をコンソールで確認したい

Question

どこ見ればいいかわかりません！
appendした値ってどこで見れますか？

Answer 1

(@maisumakunさんgetAll()は特定のキーの値をすべて取るメソッドとなります。)

ぱっと中身見れるようなオブジェクトになってないのが面倒ですよね。
一応、簡単に中身を見るとすれば、

for(item of fd) console.log(item);

をコンソールでたたくくらいでしょうか。
もちろんvalue側がオブジェクトの場合、その中身も確認したい場合はもうちょっと手を加えなきゃですが。

Comments

[NobumitsuHata]

すごい助かりました！！
ありがとうございます！

Answer 2

参考

FormData
イテレーターとジェネレーター
スプレッド演算子

サンプル

var fd = new FormData();

fd.append("name", "太郎");
fd.append("age", "30");
fd.append("hobby", "読書");
fd.append("hobby", "旅行");

console.log(fd.get("name"));    //"太郎"
console.log(fd.getAll("hobby"));    //["読書", "旅行"]

for(value of fd.entries()){ 
    console.log(value); 
}
/*
	["name","太郎"]
	["age","30"]
	["hobby","読書"]
	["hobby","旅行"]
*/

//ES6のみ
console.log(...fd.entries());
/*
	["name","太郎"]
	["age","30"]
	["hobby","読書"]
	["hobby","旅行"]
*/

Answer 3

Chrome 50以降ではFormData#getAll()を使えます。

Comments

[NobumitsuHata]

上記だと引数にキーを入れないといけないと思うんですが、キーと値全て確認できる方法はありますか？