javascript - (form).serializeArray() を使用した Javascript の新しい FormData と HTML フォームの違いは?

Question

FormDataJavascriptで新しく追加されたクラスがオンラインで横行しているようです。主に、Ajax で複数のファイルのアップロードを対象とする場合。しかし、10+ではないにしても、ほとんどのIEとの互換性の問題がいくつかあります...

次のような HTML が必要ですか。

<form id="normalForm" enctype="multipart/form-data" onSubmmit="gaga()">

<input name="aFile" id="aFile" type="file" multiple/>

<input type="button" value="go">

</form>

そして通常のJavaScript：

function gaga {

var f= document.getElementById("normalForm");
/// do something
}

または、新しいFormData を持つ関数:

 function nGaga (){

    var f= new FormData()
        f.append("aFile", fileInputElement.files[0])

/// and whatever else to be appended

    }

いくつか読んだ後、これは主"Key:value"にJavascriptでオブジェクトを生成するために使用されることをどういうわけか学びました。ただし、jQuery を使用すると、次のようなことができます。

var f= $('#normalForm').serializeArray(); 

"Key:value"これは私にオブジェクトを与えるでしょう。

new FormDataでは、問題があるにもかかわらず、XMLHTTP 要求を処理するときに を使用する必要があるのはなぜでしょうか? 違いは何ですか？