ajax 提交form表单数据

时间:2021-09-15
本文章向大家介绍ajax 提交form表单数据,主要包括ajax 提交form表单数据使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

一、ajax传输非json;

$("form").serialize(),序列话表单结果:

此时不用设置contentType(定义的是发送至服务器的数据类型,data-Type定义的是服务器返回的数据),后端接收参数不需要@Requestbody

$.ajax({
    type: 'post',
    url: 'your url',
    data: $("form").serialize(),
    success: function(data) {
        // your code
    }
});

后端代码:

@RequestMapping("/testStr")
@ResponseBody
public R testStr(TestEntity entity){
return R.of(service.testCreate(entity));
}

二、ajax传输json

serializeJSON(),自定义的函数;把序列号的form数据 转成json格式

var json =  $("form").serializeJSON();
$.ajax({
    type: 'post',
    url: 'your url',
    data: JSON.stringify(json),//必须是字符串
    contentType:"applicantion/json",
    success: function(data) {
        // your code
    }
});

后端代码

@RequestMapping("/testStr")
@ResponseBody
public R testStr(@RestBody TestEntity entity){
return R.of(service.testCreate(entity));
}
我从来不相信什么懒洋洋的自由。我向往的自由是通过勤奋和努力实现的更广阔的人生。 我要做一个自由又自律的人,靠势必实现的决心认真地活着。

原文地址:https://www.cnblogs.com/lixiuming521125/p/15272113.html