前端提交序列化数据
- 前端代码
html
$.ajax({
url: "/user/add",
type: "post",
dataType: "json",
data: {
user : $('#form').serialize()
},
success: function (result) {
}
})

- 后台代码
java
@ResponseBody
@RequestMapping("/add")
public Msg form(User user){
userDao.insert(user); // 添加一条信息
}
前端提交json格式数据
- 前端代码
html
//定义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>

- 后台代码
java
@PostMapping("/doAddUpdate")
public ResultBean doAddUpdate(@RequestBody User user) {
}