Jquery ajax 提交序列化或JSON数据到后台

前端提交序列化数据

• 前端代码

$.ajax({url: "/user/add",type: "post",dataType: "json",data: {user : $('#form').serialize()},success: function (result) {}
})
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/1f9a7611c2c84249bc317b0b6813af07.png)

• 后台代码

@ResponseBody
@RequestMapping("/add")
public Msg form(User user){userDao.insert(user); // 添加一条信息
}

前端提交json格式数据

• 前端代码

//定义serializeObject方法，序列化表单
function serializeObject(form) {let obj = {};let a = form.serializeArray();$.each(a, function () {if (obj[this.name]) {if (!obj[this.name].push) {obj[this.name] = [obj[this.name]];}obj[this.name].push(this.value || '');} else {obj[this.name] = this.value || '';}});return obj;
}$.ajaxSetup({contentType: 'application/json',
});/*** 添加修改数据，提交表单* @param path* @param aim*/
function doAddUpdate(path, aim) {//阻止表单自动提交$("#addUpdateForm").submit(function () {return false;});let obj =  serializeObject($("#addUpdateForm"));$.post(path, JSON.stringify(obj), function (data) {if (data.code == 200) {alert(data.msg);window.location.href = aim;} else {alert(data.msg);}});
}<button onclick="doAddUpdate('user/doAddUpdate','user/list')">post数据</button>

• 后台代码

@PostMapping("/doAddUpdate")
public ResultBean doAddUpdate(@RequestBody User user) {}