jquery form提交的2种方式

1.序列化参数提交

$.ajax({
    type: 'POST',
    url: url,
    data: $('#' + formId).serialize(),
    async: true, // true（异步）, false（同步）
    cache: false,
    contentType: false,
    processData: false,
    success: function(result) {
        console.log("ajax请求成功");
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        console.log("ajax请求失败");

        console.log("请求对象XMLHttpRequest: " + XMLHttpRequest);
        console.log("错误类型textStatus: " + textStatus);
        console.log("异常对象errorThrown: " + errorThrown);
    }
})

提交的是Request Payload, SpringMVC后台需要@RequestBody获取映射

2.FormData参数提交

var form = new FormData( $("#" + formId)[0] );
$.ajax({
    type: 'POST',
    url: url,
    data: form,
    async: true, // true（异步）, false（同步）
    cache: false,
    contentType: false,
    processData: false,
    success: function(result) {
        console.log("ajax请求成功");
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        console.log("ajax请求失败");

        console.log("请求对象XMLHttpRequest: " + XMLHttpRequest);
        console.log("错误类型textStatus: " + textStatus);
        console.log("异常对象errorThrown: " + errorThrown);
    }
})

提交的是Form Data, SpringMVC后台只需要队形即可获取映射,参数字段名和Form表单内容项的name字段名一样即可

本篇就到这,谢谢阅读

获取最新资讯,欢迎关注公众号: 软件开发与技术设计(SoftwareDesigner)

标签：jquery,textStatus,errorThrown,false,log,form,ajax,提交,console
来源： https://blog.csdn.net/svygh123/article/details/113794155