学堂 学堂 学堂公众号手机端

ajax 提交form表单数据

lewis 1年前 (2024-03-26) 阅读数 6 #技术
一、ajax传输非json;

$("form").serialize(),序列话表单结果:序列得到字符串类型为:a=1&b=2&c=3;

此时不用设置contentType(定义的是发送至服务器的数据类型,data-Type定义的是服务器返回的数据),后端接收参数不需要@Requestbody
ajax 默认的contentType是:application/x-www-form-urlencoded
$.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));
}
三、关于@RequestBody和@Responsbody的使用

我从来不相信什么懒洋洋的自由。我向往的自由是通过勤奋和努力实现的更广阔的人生。 我要做一个自由又自律的人,靠势必实现的决心认真地活着。



版权声明

本文仅代表作者观点,不代表博信信息网立场。

上一篇:js单行代码-----dom 下一篇:以太网帧格式
热门