1、json数据对应实体类,用实体类接收
----------------------------前台----------------------------------
$.ajax({
type:"POST",
url:"/monster/updateMonster",
contentType: "application/json",
data:JSON.stringify(monster1),
success:function(data){
let arraydata = data
if (arraydata == "" || arraydata == undefined) {
alert("更新失败,请联系管理员!")
} else {
alert("更新成功!")
window.location.href = "/monster/monsterList";
window.location.reload()
$("#edit").css("display",'none')
}
}
});
-------------------------------后台-------------------------------
@RequestMapping(value="/updateMonster")
@ResponseBody
String updateMonster(@RequestBody Monster monster){
System.out.println("monster"+monster);
monsterService.updateMonster(monster);
return "success";
}
2、json数据包含较多数据,用Map接收
----------------------------前台----------------------------------
$.ajax({
type:"POST",
url:"/task/addTask",
contentType: "application/json",
dataType: "json",
data:JSON.stringify(info),
success:function(data){
let arraydata = data
if (arraydata == "" || arraydata == undefined) {
alert("更新失败,请联系管理员!")
} else {
alert("更新成功!")
window.location.href = "/monster/monsterList";
window.location.reload()
$("#edit").css("display",'none')
}
}
});
-------------------------------后台-------------------------------
@RequestMapping("/addTask")
String addTask(@RequestBody Map<String,Object> info){
System.out.println("bug"+info);
return null;
}
标签:
springboot
, 前后端交互
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端