欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-05 08:33:22
前言 最近因为工作的需要,在写一个基于springmvc+spring+mybatis的项目,其中涉及用ajax向controller发送数据的功能。因为不想使用sp...

前言

最近因为工作的需要,在写一个基于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){
  //方法详情
 }

总结

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