spring mvc利用ajax向controller传递对象的方法示例

发布时间 - 2026-01-11 02:19:58    点击率:

前言

最近因为工作的需要,在写一个基于springmvc+spring+mybatis的项目,其中涉及用ajax向controller发送数据的功能。因为不想使用spring的form标签,所以想看看有没有方法将ajax中的json数据直接转化为controller方法中的对象接收并处理。以下将逐渐介绍各种不同情况下传递json数据并封装的方法,下面话不多说,一起来看看详细的介绍:

基础类型

如果传递的json数据为基础类型(Int,String等)的话,则只需要用@RequestParam标注方法中的参数就行了。

ajax代码

$.ajax({
 url : "someurl",
 type : "POST",
 dataType : "JSON",
 data : {"name":"test", "password":"testpassword"}, 
 success : function (data) {
  console.log(data)
 }
})

java代码

@RequestMapping("someurl")
public @ResponseBody SomeData basicType(@RequestParam String name, @RequestParam String password){
 //具体方法
}

在这里@ResponseBody说明返回的是一个对象。@RequestParam的用法还很多,具体可以去参考springmvc的文档

简单的对象类型

简单的对象类型是指,在对象中不包含复杂的数据结构类似于list,map等。在这里可以使用标签@ModelAttribute来直接将JSON数据封装成对象。

假设我们有一个用户对象,用户的属性包括name,age

public class User{
 private String name;
 private int age;
 //getters and setters
}

ajax传输的数据如下

 $.ajax({
  url : "someurl",
  type : "POST",
  dataType : "JSON",
  data : {
   'name : 'test',
   'age' : 10
  },
  success : function (data) {
   console.log(data)
  }
 })

controller中的代码如下

 @RequestMapping("someurl")
 public @ResponseBody SomeData objects(@ModelAttribute User user){
 //具体方法
 }

springmvc 暂时不支持接收并生成多个modelAttribute

数组类型

有些情况下,可能需要传递一组相同类型的数据,比如添加一组用户的信息。这是可以通过ajax传递一个数组给controller方法。具体情况可以参考这个回答

这个回答给的非常的详细具体,需要补充的是,接收端的数据结构无论是List<T>或是T[]都可以成功获得数组数据。

复杂的对象

但是上面的方法有一个问题,就是只能接收纯数组数据。假设一个对象,比如用户,该用户下的属性除了包含name(名称),age(年龄)之外,还有一个联系方式属性contacts(List<String>) ,如何才能将既包含基本类型又包含数组类型的JSON数据直接封装成对象呢?这里就需要标签@RequestBody

ajax代码如下,需要注意的是,这里需要用JSON.stringfy()方法将json数据转化成字符流,添加至requestbody中。且在ajax方法中必须指明contentTypedataType属性。

 public class User{
 private String name;
 private int age;
 private List<String> contacts;
 //或是 private String[] contacts;
 //getters and setters
} 
$.ajax({
 var user = {
  'name' : 'test',
  'age ' : 10,
  'contacts' : ['12313','123213123']
 }
 url : "someurl",
 type : "POST",
 dataType : "JSON",
 contentType:"application/json",
 data : JSON.stringify(user),
 success : function (data) {
  console.log(data)
 }
})

java代码如下

 @RequestMapping("someurl")
 public @ResponseBody SomeData complicateObject(@RequestBody User user){
  //方法详情
 }

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。


# springmvc  # ajax传对象  # ajax  # mvc  # controller  # ajax请求  # SpringMVC+Ajax实现文件批量上传和下载功能实例代码  # Springmvc ajax跨域请求处理方法实例详解  # 利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能  # SpringMVC环境下实现的Ajax异步请求JSON格式数据  # springmvc 结合ajax批量新增的实现方法  # 的是  # 在这里  # 数据结构  # 有一个  # 这是  # 情况下  # 多个  # 是指  # 只需  # 可以通过  # 要用  # 还有一个  # 不支持  # 可以使用  # 想看  # 在对  # 这篇文章  # 谢谢大家  # 多说  # 转化为 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  原生JS实现图片轮播切换效果  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  nginx修改上传文件大小限制的方法  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  Laravel定时任务怎么设置_Laravel Crontab调度器配置  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  Laravel怎么上传文件_Laravel图片上传及存储配置  Laravel怎么判断请求类型_Laravel Request isMethod用法  香港服务器建站指南:外贸独立站搭建与跨境电商配置流程  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  利用JavaScript实现拖拽改变元素大小  如何在建站之星绑定自定义域名?  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  Python数据仓库与ETL构建实战_Airflow调度流程详解  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  EditPlus中的正则表达式 实战(4)  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  如何快速选择适合个人网站的云服务器配置?  如何生成腾讯云建站专用兑换码?  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  如何基于云服务器快速搭建个人网站?  桂林网站制作公司有哪些,桂林马拉松怎么报名?  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  如何快速生成可下载的建站源码工具?  lovemo网页版地址 lovemo官网手机登录  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  Android Socket接口实现即时通讯实例代码  如何挑选高效建站主机与优质域名?  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  高防服务器租用首荐平台,企业级优惠套餐快速部署  高性能网站服务器部署指南:稳定运行与安全配置优化方案  node.js报错:Cannot find module &#39;ejs&#39;的解决办法  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤