HTMLフォームからXMLHttpリクエスト

Question

次のフォームを使用して、XMLHttpを使用するように変換しようとしています。これをXMLHttpを使用するように変換する方法の実例を得ることはできません。フォームオブジェクトからインスタンス化

<form enctype='multipart/form-data' action='process.do'> 
    <input id='myfile' type='file'> 
    <input type='hidden' name='systemid' value='a1312423r1rde223e423e'> 
    <input type='hidden' name='systemname' value='My value'> 
</form> 

var x = new XMLHttpRequest() 
x.open('POST', 'process.do'); 
// Where to add systemid, systemname parameters? 
x.send($('myfile').files[0]) 

Answer 1

だけsend()a FormData object。

var x = new XMLHttpRequest() 
x.open('POST', 'process.do'); 
x.send(new FormData(document.querySelector("form"))); 

フォームのすべてのデータが含まれます。

ファイルの入力にはnameを指定する必要があります。