使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单

在写代码的时候，经常会用到提交表单到后台。但是，提交后会刷新页面，然而这就不是我们想要的。怎么办？ajax?

可惜ajax并不支持同时提交文本和文件到后台。。怎么办？？？？？

别急，今天我们就来解决这个问题。

方案：使用FormData

首先，在js中新建一个FormData，同时获取form给其赋值。

var data1 = new FormData($('#<portlet:namespace/>updateInfoForm')[0]);

接下来就是ajax方法了。

$.ajax({  
        type: "POST",  
        url:"${updateInfo}", 
        dataType : "json",
        data:  	data1,// 序列化表单值  
        async: false,  
        processData: false,  
        contentType: false  ,//一定要加
        error: function(request) {  
        },  
        success: function(data) {  
        	if(data.flag == "ok"){
        		alert("保存成功");
        		window.top['_CACHE'].attriModal.hide();
        	}
        }  
    });  

这样提交后，后台就和我们平时提交表单一样获取数据了。。

是不是想想就激动呢？