使用ajax提交form表单

FormData还支持直接从html中的表单生成数据，就是在html页面中已经有数据了，然后FormData可以直接把这个表单的数据写入这个对象，然后直接提交给后台

代码如下，先给出html代码:

<form id="tf"> ???????????<input type="file" name="img"/> ???????????<input type="text" name="username"/> ???????????<input type="button" value="提" onclick="test();"/> ???????????????????????............. </form>

FormData还支持困扰众多开发者已久的ajax的上传文件，以前我们上传文件，需要写一个表单直接刷新提交，但是这里不需要，下面给出提交代码：

 ?function test(){ ???????????var form = new FormData(document.getElementById("tf"));// ????????????var req = new XMLHttpRequest();// ????????????req.open("post", "${pageContext.request.contextPath}/public/testupload", false);// ????????????req.send(form); ???????????$.ajax({ ???????????????url:"${pageContext.request.contextPath}/public/testupload", ???????????????type:"post", ???????????????data:form, ???????????????processData:false, ???????????????contentType:false, ???????????????success:function(data){ ???????????????????window.clearInterval(timer); ???????????????????console.log("over.."); ???????????????}, ???????????????error:function(e){ ???????????????????alert("错误！！"); ???????????????????window.clearInterval(timer); ???????????????} ???????????}); ???????????????????get();//此处为上传文件的进度条 ???????}