当前位置: 首页 > 工具软件 > Ajax Form > 使用案例 >

ajax form表单提交,serialize和formData的区别

卫深
2023-12-01

**

ajax form表单提交,serialize和formData的区别

**
把form表单里面的内容序列化并用ajax提交,如下方法:

function ajaxFormSub(id,url){
    var form_info=$("#"+id).serialize();
    // debugger;
    // alert(form_info);
    $.ajax({
        url:url,
        type:'POST',
        data:form_info,
        dataType:'json',
        success:function(data){
            $(".form-input").val(" ");
            // console.log('提交成功');
             location.reload();
        }
    })
}

但这个方法不能上传文件流,只适用于除type=“file”以外的form表单。
而formData 就可以实现上传多个文件流

function FormDataSub(id,url){
   var data = new FormData($("#"+id)[0]);
    $.ajax({
        url:url,
        type:'POST',
        data:data,
        dataType:'json',
        cache:false,
        processData:false,
        contentType:false,
        success:function (data){
                location.reload();
        },
        error:function (data){
            alert(data);
        }
    })
}
 类似资料: