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。