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。