IvanZh informed me that this approach did not work for him, which prompted me to do some research into the HTML5
FormData object. As it turns out, I was totally wrong about this (see old incorrect answer below). All of the data for
FormData resides in native code. That means the browser handles the data for the form fields and file uploads in the language of its implementation.
Note: ... FormData objects are not stringifiable objects. If you want to stringify a submitted data, use the previous pure-AJAX example. Note also that, although in this example there are some file fields, when you submit a form through the FormData API you do not need to use the FileReader API also: files are automatically loaded and uploaded.
Depending on what you are trying to achieve (eg. if you're only trying to debug), it might be feasible to simply bounce this information off a server side script that returns relevant JSON metadata. In PHP, for example, you could send your FormData to
analyzeForm.php, which can easily access everything that you attached to FormData under the relevant request superglobal. The script would digest the contents of your form and return relevant information in easy to parse JSON. This is very inefficient, so it is probably not suitable for production environments, but it's something.
Old incorrect answer:
You could try using:
to view a textual representation of the structure of
You could also use
console.log, but this is a non-standard feature and is not guaranteed to be present in all browsers.