springmvc 前端 发ajax请求的几种方式
一.传json单值或对象
1.前端
1 var data = {'id':id,'name':name}; 2 $.ajax({ 3 type:"POST", 4 url:"user/saveUser", 5 dataType:"json", 6 //contentType:"application/json", //不能添加这个头 7 data:data, //这里不能进行JSON.stringify,发送请求的数据在:form data 8 success:function(data){ 9 10 } 11 });
2.后端
//看成单值 @RequestMapping(value = "save", method = {RequestMethod.POST }}) @ResponseBody public void save(@RequestParam int id,String name) { //这里字段要跟前端一致,@RequsetParam 可以不加,默认调用的就是它 } //看成对象 @RequestMapping(value = "save", method = {RequestMethod.POST }}) @ResponseBody public void save(User user) { //前端字段跟对象属性一致 //自动转化成改对象 }
二.json对象转成字符串后传值
1.1、前端
$.ajax({ type:"POST", url:"user/saveUser", dataType:"json", contentType:"application/json", //需添加这个头 data:JSON.stringify(data), //发送请求的数据在request payload success:function(data){ } });
1.2、后端
//看成对象 @RequestMapping(value = "save", method = {RequestMethod.POST }}) @ResponseBody public void save(@RequestBody User user) { //需添加RequestBody注解 //自动转化成改对象 }
三.将对象JSON.stringify后,以第一种方式传递,可实现对象中存对象 {'userList':users,'key1':value1}
1.前台
var user = {'id':id,'name':name}; var jsonStrGoods = JSON.stringify({'gid':gid,...}); $.ajax({ type:"POST", url:"user/saveUser", dataType:"json", // contentType:"application/json", //不添加这个头 data:{'user':JSON.stringify(user),'goods':jsonStrGoods }, //发送请求的数据在request payload success:function(data){ } });
2.后台
//看成单值 @RequestMapping(value = "save", method = {RequestMethod.POST }}) @ResponseBody public void save(@RequestParam String user,String goods) { //这里字段要跟前端一致,@RequsetParam 可以不加,默认调用的就是它 User u= JSON.parseObject(user, User .class);//alibaba.fastjson转换成对象 } //看成对象 @RequestMapping(value = "save", method = {RequestMethod.POST }}) @ResponseBody public void save(UserAndGoods ug) { //没试过,猜测应该是这样,前端字段跟对象属性一致 //自动转化成改对象 }
传数组
前台
var arr = str.split(','); $.ajax({ url:'/appollo-console/manage/user/names/validation', data:{ names:arr }, traditional: true,//必须 type:'post', dataType:'json', success:function(res){ alert(res); } })
后台
1 2 3 4 5 6 7 8 | @PostMapping( "/names/validation" ) @ResponseBody public List<String> validateUserName(String[] names){ List<String> notValidNames = Lists.newArrayList(); notValidNames = userService.findNotValidNames(Arrays.asList(names)); return notValidNames; } |
总结:1.如果用JSON.stringify()将对象转成字符串,就需要在ajax请求中指定contentType 为 application/json,且后台需添加 @RequestBody注解;
2.如果直接传json对象则跟上面的相反,不能指定contentType为 application/json,其默认类型是 application/x-www-form-urlencoded
标签:
springmvc ajax
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具