84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
私はconsole.logを試し、for inを使用してループさせました。
console.log
for in
FormData の MDN リファレンスは次のとおりです。
両方の試行がこのフィドル内にあります。
フォームデータをチェックしてどのキーが設定されているかを確認する方法。
他の人は、 fd.entries() の各エントリをログに記録することを提案していますが、console.logは複数の引数を取ることもできますconsole.log(foo , bar , ...)任意の数の引数を受け入れるには、applyメソッドを使用して、次のように呼び出します:console.log.apply(console,array )。ただし、spread 演算子 a> とイテレータconsole.log(...array)を使用してこれを行う新しい ES6 方法があります。
エントリ
console.log(foo , bar , ...)
apply
console.log.apply(console,array )
console.log(...array)
これと、FormDataと配列の両方にSymbol.iteratorメソッドがあり、そのプロトタイプでデフォルトのfor が指定されているという事実を知っておいてください。 ..ofループを使用すると、formData.entries()メソッドを呼び出さなくても、...iterableを使用してパラメータを展開できます (これはデフォルトの関数であるため) ) 必要に応じて、for (x of formData)
formData.entries()
...iterable
for (x of formData)
元の本文がどのように見えるかを確認したい場合は、レスポンス コンストラクター(Get API の一部) を使用できます。これにより、フォーム データが実際の外観に変換されます。フォームデータをアップロードします
更新方法:
2016 年 3 月の時点で、Chrome と Firefox の最新バージョンは、FormData.entries()を使用した FormData のチェックをサポートするようになりました。 ###ソース###。リーリーこれを指摘してくれた
FormData.entries()
とrlothに感謝します。
これらの
Mozilla記事を見ると、FormData オブジェクトからデータを取得する方法がないように見えます。これらは、AJAX リクエスト経由で送信する FormData を構築するためにのみ使用できます。同じことを言っているこの質問も見つけました:FormData.append("key", "value") は機能しません
この問題を解決する 1 つの方法は、通常の辞書を構築し、それを FormData に変換することです:リーリー
リーリー
いくつかの短い回答
リーリー長い答え
他の人は、 fd.entries() の各
エントリ
をログに記録することを提案していますが、console.log
は複数の引数を取ることもできますconsole.log(foo , bar , ...)
任意の数の引数を受け入れるには、
apply
メソッドを使用して、次のように呼び出します:console.log.apply(console,array )
。ただし、spread 演算子 a> とイテレータ
console.log(...array)
を使用してこれを行う新しい ES6 方法があります。これと、FormDataと配列の両方にSymbol.iteratorメソッドがあり、そのプロトタイプでデフォルトのfor が指定されているという事実を知っておいてください。 ..ofループを使用すると、
を実行できます。formData.entries()
メソッドを呼び出さなくても、...iterable
を使用してパラメータを展開できます (これはデフォルトの関数であるため) ) 必要に応じて、for (x of formData)
元の本文がどのように見えるかを確認したい場合は、レスポンス コンストラクター(Get API の一部) を使用できます。これにより、フォーム データが実際の外観に変換されます。フォームデータをアップロードします
更新方法:
2016 年 3 月の時点で、Chrome と Firefox の最新バージョンは、
Ghost EchoFormData.entries()
を使用した FormData のチェックをサポートするようになりました。 ###ソース###。リーリーこれを指摘してくれたとrlothに感謝します。
古い回答:これらの
Mozilla記事を見ると、FormData オブジェクトからデータを取得する方法がないように見えます。これらは、AJAX リクエスト経由で送信する FormData を構築するためにのみ使用できます。同じことを言っているこの質問も見つけました:FormData.append("key", "value") は機能しません
。この問題を解決する 1 つの方法は、通常の辞書を構築し、それを FormData に変換することです:リーリー
プレーンな FormData オブジェクトをデバッグしたい場合は、それを送信してネットワーク リクエスト コンソールで検査することもできます。リーリー