关于ajax提交表单的问题

对于ajax的写法都差不多的有几种写法，比如:

$.post(path,{data:data},function(data){    ...},"json");

$.ajax({         url:"${pageContext.request.contextPath}/public/testupload",          type:"post",          data:{username:username},          success:function(data){              window.clearInterval(timer);              console.log("over..");          },          error:function(e){              alert("错误！！");              window.clearInterval(timer);          }      });    

但是如果提交的同时有上传的文件或者图片，这些方式就不行了，一般都是采用表单提交的方式，但是习惯了ajax的提交就可以用FormData，它是一个html5的javascript对象，非常的强大。
只需要在js中获取你要提交表单的对象：

var form = new FormData(document.getElementById("tf"));//tf是form表单的id

或者往对象里面装填你需要的数据:

var form = new FormData();form.append("username","zxj");form.append("password",123456)

大概最后的写法就是这样了：

function test(){            var form = new FormData(document.getElementById("tf"));            $.ajax({                url:"url",                type:"post",                data:form,                processData:false,                contentType:false,                success:function(data){                    ...                },                error:function(e){                    alert("错误！！");                }            });                    get();//此处为上传文件的进度条        }

就是这么简单，使用FormData，在构造这个对象的时候，把表单的对象，作为一个参数放进去，就可以了，然后FormData，就会得到这个表单对象里面的所有的参数，甚至我们在表单中，都不需要声明enctype =”multipart/form-data” ，就可以直接提交。