假设有一个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传递对象集合/数组到后台的更多相关文章

  1. ajax传对象或者数组到后端

    ajax是无法直接传送对象或者数组,有些人自己处理的话,能够把数据依照自己的标准连接成一个字符串,然后到后端处理.可是数据的不确定性.导致有可能会出错.并且麻烦 事实上有开源的包,能够直接解释成jso ...

  2. ajax传递list集合

    原文链接:https://blog.csdn.net/qq_37936542/article/details/79277495 一:ajax传递List<String>类型的数据 js代码 ...

  3. jquery ajax传递多个对象或数组到后台

    1.js对象创建:因为需要把对象json序列化后,才能传递到后台,后台根据json字符串进行反序列化. 2.Jquery   $.ajax方法的配置 针对$.ajax方法的配置参数需要进行修改: 1) ...

  4. springMVC中使用ajax传递json数组

    解决方法 去www.json.org下载JSON2.js 再调用JSON.stringify(JSONData)将JSON对象转化为JSON串. var people = [{ "UserN ...

  5. ajax传递对象数组

    1.Json.stringify()是将json数据格式转换成String类型字符串的方法. 后台可以使用String类型接受,接收完可以使用json转换java集合的方法. List<实体类& ...

  6. 一个实例 ---灵活使用jquery选择器实现input一个key,多个value 。 用ajax传递对象到后台控制器

    标题可能不是很清晰,我们看实例: 简单来说就是需要实现sku的功能...一件商品可以有多个属性, 一个属性可以有多个值  . 最后以json格式存到数据库 难点一: 如何实现input输入框的弹性使用 ...

  7. SpringBoot RequestBody ajax提交对象

    前端实现: var student = { "name":1, "age":2, "score":3 }; $.ajax({ url:&qu ...

  8. ajax传递对象到MVC控制器

    1.view层中ajax写法: function Add2() { var model = new Object(); model.UserName = $('#UserName').val(); m ...

  9. asp.net ajax传递Json给aspx.cs后台 webmethod方法传递json

    1.提取一个向后台写入数据的方法 ///向后台cs页面请求数据的方法 function myPost(url,data,func) { $.ajax({ type: "post", ...

随机推荐

  1. 1.7Oob封装 继承 访问修饰符 静态和构造方法的执行顺序

    1:访问修饰符 private     同类中 默认        同类        同包 protect    同类         同包      子类 public     同类        ...

  2. Jquery获取输入框属性file,ajax传输后端,下载图片

    Django web开发获取input属性file,可以用request.FILES.get(' ')直接获取到,然后正常拼接路径就可以下载, 但是今天我们来用异步获取file的值在传输后端下载. 1 ...

  3. tableview Footerview有多余的间距

    调整footerView的高度 UIView *footerV = [[UIView alloc] initWithFrame:CGRectMake(, , Main_Screen_Width, )] ...

  4. VUE-011-通过 v-if 和 v-for 实现特定值的列表循环匹配,并显示满足匹配条件的值

    前端页面开发过程中,经常遇到服务端返回的数据中,存在一些需要转义的表单项.比如,员工信息中的学历,假设研究生学历的代码是101(或10001),则数据库中对应字段存放的是 101(或10001),而非 ...

  5. Azure基础(三)- Azure的物理架构和服务保证

    Azure fundamentals - Core Cloud Services - Azure architecture and service guarantees Azure provides ...

  6. python 批量ping脚本不能用os.system

    os.system(cmd)通过执行命令会得到返回值. ping通的情况下返回值为0. ping不通的情况: 1.请求超时,返回值1 2.无法访问目标主机,返回值为 0,和ping通返回值相同   所 ...

  7. office word memo

    显示左侧目录树 office 和 wps 的差异 wps 的版本:视窗 ->文档结构图 office 的版本: 视图 ->导航窗格

  8. jsp与jsp页面间的值传递与接收

    1.使用<a>标签 传递值 <a href="index.jsp?name=增加数据">增加数据</a> ///////目标页面/////值// ...

  9. IDEA开发工具的学习

    1.设置jdk的版本 ,快捷键:ctrl + shirt +alt + s 打开项目的设置,选择Project 进行 jdk版本的设置. 2.鼠标移到项目上,右键,Show in Explorer 定 ...

  10. Docker容器中安装vim

    我在docker中安装了jexus.使用vim编辑default配置文件的时候提示 vim: command not found 原因是docker中没有安装vim命令 如果你直接输入  apt-ge ...