SpringMVC,SpringBoot使用ajax传递对象集合/数组到后台
假设有一个bean名叫TestPOJO。
1、使用ajax从前台传递一个对象数组/集合到后台。
前台ajax写法:
var testPOJO=new Array();
//这里组装testPOJO数组
$.ajax({
url:“testController/testPOJOs”,
data:JSON.stringify(testPOJO),
type:"post",
dataType:"json",
contentType:"application/json",
success:function (res) {
},
error:function(msg){
}
});
后台接收方法:
@RestController
@RequestMapping("testController")
public class testController { @RequestMapping("/testPOJOs")
//如果类的注解是@Controller,那么方法上面还需要加@ResponseBody,因为@ResTController=@Controller+@ResponseBody
public String testPOJOs (@RequestBody TestPOJO [] testPOJO) {
//操作
} //或者下面这个
//@RequestMapping("/testPOJOs")
//public String testPOJOs (@RequestBody List<TestPOJO> testPOJO) {
//操作
//}
}
无论是几维数组,前后台保持一致就行了。
2、传递Map
前台ajax写法:
var testMap={
"a":"aaa",
"b":[1,2,3]
};
$.ajax({
url:“testController/testMap”,
data:JSON.stringify(testMap),
type:"post",
dataType:"json",
contentType:"application/json",
success:function (res) {
},
error:function(msg){
}
});
后台接收方法:
@RestController
@RequestMapping("testController")
public class testController { @RequestMapping("/testMap")
public String testMap (@RequestBody Map<String,Object> map) {
String a = (String) map.get("a");
List<Integer> b = (List<Integer>) map.get("b");
...
}
}
3、除了传递对象集合,还需要传递其他字段。
前台ajax写法:
var testPOJO=new Array();
//这里组装testPOJO数组
$.ajax({
url:“testController/testPOJOs”,
data:{
“strs”: JSON.stringify(testPOJO),
“others”,”…”
},
type:"post",
dataType:"json",
success:function (res) {
},
error:function(msg){
}
});
后台接收方法:
@RestController
@RequestMapping("testController ")
public class testController { @RequestMapping("/testPOJOs")
public String testPOJOs (String strs,String others) { //操作使用fastjson进行字符串对象转换 List<TestPOJO> list=new ArrayList<>(); JSONObject json =new JSONObject(); JSONArray jsonArray= JSONArray.parseArray(strs); for(int i=0;i<jsonArray.size();i++){ JSONObject jsonResult = jsonArray.getJSONObject(i); TestPOJO testPOJO=JSONObject.toJavaObject(jsonResult,TestPOJO.class); list.add(testPOJO);
}
//其他操作
}
}
或者直接把others和testPOJO数组重新组合一个新数组var arr=[testPOJO,”others的内容”],“strs”: JSON.stringify(arr),只传递一个strs字段就可以,然后后台转换。
4、传递一个数组
前台ajax写法:
$.ajax({
url: 'testController/listByxxx',
data: {
"xxxs":xs//xs是一个数组
},
type: "post",
dataType: "json",
success: function (res) {}
});
后台接收方法:
@RestController
@RequestMapping("testController")
public class testController {
@RequestMapping("/listByxxx")
public String listByxxx(@RequestParam(value = "xxxs[]")String[] xxxs){
//操作
}
}
@RequestBody一般用来处理非Content-Type: application/x-www-form-urlencoded编码格式的数据。在GET请求中,不能使用@RequestBody。在POST请求,可以使用@RequestBody和@RequestParam。
SpringMVC,SpringBoot使用ajax传递对象集合/数组到后台的更多相关文章
- ajax传对象或者数组到后端
ajax是无法直接传送对象或者数组,有些人自己处理的话,能够把数据依照自己的标准连接成一个字符串,然后到后端处理.可是数据的不确定性.导致有可能会出错.并且麻烦 事实上有开源的包,能够直接解释成jso ...
- ajax传递list集合
原文链接:https://blog.csdn.net/qq_37936542/article/details/79277495 一:ajax传递List<String>类型的数据 js代码 ...
- jquery ajax传递多个对象或数组到后台
1.js对象创建:因为需要把对象json序列化后,才能传递到后台,后台根据json字符串进行反序列化. 2.Jquery $.ajax方法的配置 针对$.ajax方法的配置参数需要进行修改: 1) ...
- springMVC中使用ajax传递json数组
解决方法 去www.json.org下载JSON2.js 再调用JSON.stringify(JSONData)将JSON对象转化为JSON串. var people = [{ "UserN ...
- ajax传递对象数组
1.Json.stringify()是将json数据格式转换成String类型字符串的方法. 后台可以使用String类型接受,接收完可以使用json转换java集合的方法. List<实体类& ...
- 一个实例 ---灵活使用jquery选择器实现input一个key,多个value 。 用ajax传递对象到后台控制器
标题可能不是很清晰,我们看实例: 简单来说就是需要实现sku的功能...一件商品可以有多个属性, 一个属性可以有多个值 . 最后以json格式存到数据库 难点一: 如何实现input输入框的弹性使用 ...
- SpringBoot RequestBody ajax提交对象
前端实现: var student = { "name":1, "age":2, "score":3 }; $.ajax({ url:&qu ...
- ajax传递对象到MVC控制器
1.view层中ajax写法: function Add2() { var model = new Object(); model.UserName = $('#UserName').val(); m ...
- asp.net ajax传递Json给aspx.cs后台 webmethod方法传递json
1.提取一个向后台写入数据的方法 ///向后台cs页面请求数据的方法 function myPost(url,data,func) { $.ajax({ type: "post", ...
随机推荐
- Python 学习笔记6 变量-字典
字典是python中一个十分重要的变量,他是一个可变的容器对象.通过一组key(键)和value(值)对组成一个元素. 组成形式为{'key':'value', 'key':'value'}.整个字典 ...
- 《Zero MQ》
原文链接 http://www.aosabook.org/en/zeromq.html ZeroMQ ZeroMQ 是一个消息系统,或者‘面向消息的中间件’.广泛应用于金融服务,游戏开发,嵌入式系统, ...
- pc端 页面 显示在手机 一行控制适配问题
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- No fallback instance of type class found for feign client user-service(转)
1.错误日志 在 feign 开启熔断,配置 fallback 类,实现当前接口的实现类时,报错信息如下: Error starting ApplicationContext. To display ...
- SpringMVC Web项目升级为Springboot项目(二)
一.访问原项目地址,报404错误 由于原项目地址启动路径为http://localhost:8080/xxx Spring boot默认启动路径为http://localhost:8080/ 所以需要 ...
- vi命令删除
3.删除 x :删除当前光标位置的字符 X :删除当前光标位置前的字符 dd :删除当前行
- 【Common】-NO.122.common.1 - pv、uv、ip,tps、qps、rps术语
Style:Mac Series:Java Since:2018-09-10 End:2018-09-10 Total Hours:1 Degree Of Diffculty:5 Degree Of ...
- Windows SFTP 的安装
用于Windows系统的免费SFTP服务器-Free SFTP Servers 前不久,有人问我:“怎么从 Linux 系统传文件到 Windows 服务器,不能用 FTP 协议.” 文件数量不大.用 ...
- 微信小程序之回调函数
在微信小程序中众所周知在js里面得方法都是异步执行,我最近再做项目得时候也遇到了这个问题,再方法里面调用另一个方法里面的接口数据,第一次是调取不到的, 因为两个方法是同时开始执行得,所以怎么都取不到值 ...
- webpack入门文档教程
.octicon{margin-right:2px}a.tabnav-extra:hover{color:#4078c0;text-decoration:none}.tabnav-btn{margin ...