js异步提交form表单之serialize()方法及FormData对象

serialize()和FormData对象都可将表单数据序列化，后通过ajax异步提交，但二者有实质区别：

1 serialize()

    serialize()是JQuery方法，可序列化表单值创建 URL 编码文本字符串，就是将表单数据以字符串的形式返回。

    缺点：只能序列化一般数据，文件上传则无法序列化。

    用法：

    
    
    提交

2 FormData对象

    FormData是HTML5对象，目前可兼容大多主流的浏览器，但不兼容低版本IE浏览器。

    与普通的Ajax相比，使用FormData 的最大优点就是可以异步上传二进制文件。

    用法1：模拟表单

var formData = new FormData();
    formData.append("name","zhangsna");
    formData.append("age","16");

        这种效果相当于两个表单中input的提交

    用法2：通过ajax异步提交表单数据，可实现文件上传。

    
    
    
    提交

注意：1 form表单加 enctype="multipart/form-data"；2 ajax加 processData: false,contentType: false,