当前位置：首页 > 资讯 > 技术文档

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

时间：2022-10-28 02:39 编辑：来源：阅读：
扫一扫，手机访问

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

[b]前言[/b] 最近因为工作的需要，在写一个基于springmvc+spring+mybatis的项目，其中涉及用ajax向controller发送数据的功能。因为不想使用spring的form标签，所以想看看有没有方法将ajax中的json数据直接转化为controller方法中的对象接收并处理。以下将逐渐介绍各种不同情况下传递json数据并封装的方法，下面话不多说，一起来看看详细的介绍： [b]基础类型[/b] 如果传递的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){
 //具体方法
}

在这里[code]@ResponseBody[/code]说明返回的是一个对象[code]。@RequestParam[/code]的用法还很多，具体可以去参考springmvc的文档 [b]简单的对象类型[/b] 简单的对象类型是指，在对象中不包含复杂的数据结构类似于list，map等。在这里可以使用标签[code]@ModelAttribute[/code]来直接将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){
 //具体方法
 }

[b]springmvc 暂时不支持接收并生成多个modelAttribute[/b] [b]数组类型[/b] 有些情况下，可能需要传递一组相同类型的数据，比如添加一组用户的信息。这是可以通过ajax传递一个数组给controller方法。具体情况可以参考[url=https://stackoverflow.com/questions/17560258/pass-array-data-from-javascript-in-browser-to-spring-mvc-controller-using-ajax/answer-17560332]这个回答[/url] 这个回答给的非常的详细具体，需要补充的是，接收端的数据结构无论是[code]List<T>[/code]或是T[]都可以成功获得数组数据。 [b]复杂的对象[/b] 但是上面的方法有一个问题，就是只能接收纯数组数据。假设一个对象，比如用户，该用户下的属性除了包含name(名称)，age（年龄）之外，还有一个联系方式属性[code]contacts（List<String>）[/code] ，如何才能将既包含基本类型又包含数组类型的JSON数据直接封装成对象呢？这里就需要标签[code]@RequestBody[/code] ajax代码如下，需要注意的是，这里需要用[code]JSON.stringfy()[/code]方法将json数据转化成字符流，添加至requestbody中。且在ajax方法中必须指明[b]contentType[/b]和[b]dataType[/b]属性。

 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){
  //方法详情
 }

[b]总结[/b] 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对编程素材网的支持。

全部评论(0)

上一篇：Java编程实现深度优先遍历与连通分量代码示例
下一篇：简述Mybatis增删改查实例代码

资讯排行榜
更多>>