ajax传递java对象参数_java相关:spring mvc利用ajax向controller传递对象的方法示例

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

发布于 2020-12-31|

复制链接

摘记: 前言

最近因为工作的需要,在写一个基于springmvc+spring+mybatis的项目,其中涉及用ajax向controller发送数据的功能。因为不想使用spring的form标签,所以想看看有没有方法将ajax中的j ..

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

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

```javascript

$.ajax({

url : "someurl",

type : "POST",

dataType : "JSON",

data : {"name":"test", "password":"testpassword"},

success : function (data) {

console.log(data)

}

})

```

java代码

```java

@RequestMapping("someurl")

public @ResponseBody SomeData basicType(@RequestParam String name, @RequestParam String password){

//具体方法

}

```

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

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

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

```java

public class User{

private String name;

private int age;

//getters and setters

}

```

ajax传输的数据如下

```javascript

$.ajax({

url : "someurl",

type : "POST",

dataType : "JSON",

data : {

'name : 'test',

'age' : 10

},

success : function (data) {

console.log(data)

}

})

```

controller中的代码如下

```java

@RequestMapping("someurl")

public @ResponseBody SomeData objects(@ModelAttribute User user){

//具体方法

}

```

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

数组类型

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

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

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

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

```java

public class User{

private String name;

private int age;

private List contacts;

//或是 private String[] contacts;

//getters and setters

}

```

```javascript

$.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代码如下

```java

@RequestMapping("someurl")

public @ResponseBody SomeData complicateObject(@RequestBody User user){

//方法详情

}

```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值