FromData獲取表單數據

一般想要不刷新頁面提交數據時，可以使用ajax提交。如果數據量不大可以自己寫json數據用ajax提交到后台服務，但是數據量多且需要動態添加數據時，自己寫json格式數據就有點麻煩了，這時候就需要FormData來替我們完成數據的裝載了。

1、FormData提交表單數據

$.ajax({
        type : "post",
        url : URL,
        data : new FormData($('#formID')[0]),
        contentType : false,// 告訴jQuery不要去設置Content-Type請求頭
        processData: false,// 告訴jQuery不要去處理發送的數據
        success : function(data) {
            alert(data.msg);
        },
        error : function() {
            alert("提交異常"); 
        }
    });

 

2、FormData動態添加數據

var formdata=new FormData($('#formID')[0]);
formdata.append("name",xx);//添加一條數據
//append()以鍵值對的形式往FormData塞數據

 

3、FormData添加文件類型數據

formdata.append("file",$("#fileId")[0].files[0]);

 

4、使用FormData和ajax配合提交表單可以實現不刷新頁面，並且可以等待服務器返回結果做一些響應。

$.ajax({
        type : "post",
        url : URL,
        data : formdata,
        contentType : false,// 告訴jQuery不要去設置Content-Type請求頭
        processData: false,// 告訴jQuery不要去處理發送的數據
        success : function(data) {
            根據服務器返回值響應事件
        },
        error : function() {
            alert("提交異常"); 
        }
    });