最近项目有个需求,前台需要传list参数请求controller接口,一开始直接使用ResponseBody注解,但实践下来发现参数没有传到controller。
现将处理方式记录如下:
 1、前台
将list参数转换为json字符串: JSON.stringify(list)
 var list=[];

 list.push({

      "id":1,

      "type":2,                  

  });

 list.push({

      "id":2,

      "type":3,                  

  });
this.$http.post("/demo/testListParam",{"jsonStr":JSON.stringify(list),"id":parseInt(this.id),"reason":this.reason} , {

            }).then(res => {

              if (res.resultCode == 200 ) {

                console.log("data:"+res.data);

              } else {

                setTimeout(() => {

                  this.instance("error", "提示",  res.message);

                }, 500);

              }

            });

2、controller

通过String拿到json字符串,再将json字符串转为List.

StAdjust类有字段id、reason

@RequestMapping(value = "/demo/testListParam", method = RequestMethod.POST)
@ResponseBody
public ResponseVO<Map<String,Object>> test(StAdjust stAdjust, @RequestParam("jsonStr")String listJSON) {
   
    List<Demo> demoList = JSON.parseArray(listJSON,Demo.class);
 
 }





SpringBoot前端给后端传list

var taskList = ["123","456"];
var params = {
taskList: taskList
}; $.ajax({
type: "PUT",
dataType: "json",
url: "/client/update",
data: params,
success: function (msg) {
}
});
1 @RequestMapping(value = "/update", method = RequestMethod.PUT)
2 @ResponseBody
3 public JSONResult updateClient(Client client, @RequestParam(value = "taskList[]") List<String> taskList) {
4 logger.debug("Yufan taskList={}", taskList);
5 return JSONResult.ok();
6 }







发送的参数Json数据:

{"id":1,

 "shiftDetails":[{"id":1,"lineId":2}],

 "broadcasts":[{"id":1,"lineId":1,"imgPath":"TEST1"}, 

               {"id":2,"lineId":2,"imgPath":"TEST2"}]

}

Controller类:

@Controller

@RequestMapping("/travelLine")

public class TravelLineController {

    @RequestMapping("/insertTest")

    @ResponseBody

    public Json insertTest(@RequestBody TravelLineDomain tl) {

        Json j = new Json();

        j.setData(tl);

        return j;

    }

}

TravelLineDomain实体类:

@Table(name = "t_travel_line")

public class TravelLineDomain{

    @Id

    @GeneratedValue(generator = "JDBC")

    private Integer id;

    private List<ShiftDetailDomain> shiftDetails;

    private List<BroadcastDomain> Broadcasts;

    public Integer getId() {

        return id;

    }

    public void setId(Integer id) {

        this.id = id;

    }

    public List<ShiftDetailDomain> getShiftDetails() {

        return shiftDetails;

    }

    public void setShiftDetails(List<ShiftDetailDomain> shiftDetails) {

        this.shiftDetails = shiftDetails;

    }

    public List<BroadcastDomain> getBroadcasts() {

        return Broadcasts;

    }

    public void setBroadcasts(List<BroadcastDomain> broadcasts) {

        Broadcasts = broadcasts;

    }

}





springMVC通过ajax传递参数list对象或传递数组对象到后台

springMVC通过ajax传递参数list对象或传递数组对象到后台
 
环境:
前台传递参数到后台
前台使用ajax
后台使用springMVC
传递的参数是N多个对象
 
JSON对象和JSON字符串
在SpringMVC环境中,@RequestBody接收的是一个Json对象的字符串,而不是一个Json对象。然而在ajax请求往往传的都是Json对象,用 JSON.stringify(data)的方式就能将对象变成字符串。
同时ajax请求的时候也要指定dataType: “json”,contentType:”application/json” 这样就可以轻易的将一个对象或者List传到Java端!
 
Content-Type
服务器为什么会对表单提交和文件上传做特殊处理,因为表单提交数据是名值对的方式,
而文件上传服务器需要特殊处理,普通的post请求(Content-Type不是application/x-www-form-urlencoded)数据格式不固定,不一定是名值对的方式,所以服务器无法知道具体的处理方式,所以只能通过获取原始数据流的方式来进行解析。
jquery在执行post请求时,会设置Content-Type为application/x-www-form-urlencoded,所以服务器能够正确解析,而使用原生ajax请求时,如果不显示的设置Content-Type,那么默认是text/plain,这时服务器就不知道怎么解析数据了,所以才只能通过获取原始数据流的方式来进行解析请求数据。
---------------------
第一种方式 传递的参数Bean
jsp文件:
$("#saveuddd").click(function(){
var saveDataAry=[];
var data1={"name":"test","password":"gz"};
var data2={"name":"ququ","password":"gr"};
saveDataAry.push(data1);
saveDataAry.push(data2);
$.ajax({
type:"POST",
url: basePath + "/user/saveUser",
dataType:"json",
contentType:"application/json", // 指定这个协议很重要
data:JSON.stringify(saveDataAry),
//只有这一个参数,json格式,后台解析为实体,后台可以直接用
success:function(data){
//do something
}
})
});
java文件
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody //此时的user是map数据,并没有解析为bean 不建议使用
public void savu(User[] users){
System.out.println(users) ;
}
使用如下方法,可以使用bean
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( @RequestBody User[] users ){
System.out.println(users.getName()) ; // 此时的user是实体bean
}
---------------------

第二种方式 传递的键值对

jsp同上
另外一种:
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( @RequestBody List<Map<String,String>> users ){
// spring MVC只能解析外层的json格式,内部的bean转化为Map格式的键值对,需要对map解析
List<User> userList = new ArrayList<User>();
for(Map<String,String> map : users){
User u = new User();
u.setName(map.get("name"));
u.setPassword(map.get("password"));
userList.add(u);
}
//
---------------------

第三种方式

能够传递多个参数,但是每一个参数都是字符串(bean类型的数据会转化为JSON格式的字符串)

jsp文件
$("#saveuddd").click(function(){
var saveDataAry=[];
var data1={"name":"test","password":"gz"};
var data2={"name":"ququ","password":"gr"};
saveDataAry.push(data1);
saveDataAry.push(data2);
$.ajax({
type:"POST",
url: basePath + "/user/saveUser",
dataType:"json",
data:{users:JSON.stringify(saveDataAry),aa:"ddd"},
//可以传递多个参数
//此时的users内容与另外一个参数:aa 的内容一起传递,所以后台解析为字符串
//后台接收的users内容:[{"name":"test","password":"gz"},{"name":"ququ","password":"gr"}]
//后台接收的 aa 内容:"ddd"
success:function(data){
// do something
}
})
});
java文件
@RequestMapping(value = "saveUser", method = {RequestMethod.POST})
@ResponseBody
public void saveu( String users , String aa ){
System.out.println(users) ;
}
---------------------

=========================================================================================

js前端ajax提交list集合参数至后端

方法一

            var orderNosList = new Array();

            var rows = $("#dg_linkOrder").datagrid("getChecked");

            if(rows.length < 1){

                $('#error').dialog('open').dialog('center').dialog('setTitle', '错误提示');

                $('#error').text("请选择一条数据");

            }else  {

                for (var i = 0; i < rows.length; i++) {

                    orderNosList[i] = rows[i].orderNo;

                }

                var params = {

                        reserveOrderNoList:orderNosList

                     };

                $.ajax({

                    url : api.LINK_ORDER_RESERVE_RETRY,

                    data : JSON.stringify(params),

                    type : 'POST',

                    contentType: "application/json",

                    dataType : 'json',

                    success : function(res) {

                        var str = '';

                        $(res.reserveFlowList).each(function(i, obj){

                            var responseCode = obj.responseCode;

                            var orderNo = obj.reserveFlow.orderNo;

                            if (responseCode == 0) {

                                str += "订单号为"+ orderNo +"成功<br/>";

                            } else {

                                str += "订单号为"+ orderNo + obj.responseMsg +"<br/>"

                            }

                        });

                        $('#error2').dialog('open').dialog('center').dialog('setTitle', '提示');

                        $('#error2').html(str);

                        // 刷新列表

                        linkOrder.unfresh_LinkOrder();

                    }

                });

            }
    @RequestMapping("/http/pss/reserveOrderRetry")

    @ResponseBody

    public Object reserveOrderRetry(@RequestParam("reserveOrderNoList")List<String> reserveOrderNoList) {

        return service.reserveOrderRetry(reserveOrderNoList);

    }

方法二

var demo = new Object();

demo.name="1";

demo.id="2";

var demo2 = new Object();

demo2.name="1";

demo2.id="2";

var conditons = [];

conditons.push(demo);

conditons.push(demo2);

$(function(){

  $.ajax({

    type:'post',

    url:'/http/pss/demo', 

        contentType: "application/json",

    data:{name:"123",conditions:JSON.stringify(conditons)},

    dataType : 'json', 

    success:function(data){

      console.log(data);

    },

    error: function (XMLHttpRequest, textStatus, errorThrown){

      alert("error");

    }

  });

});
    @RequestMapping("/http/pss/reserveOrderRetry")

    @ResponseBody

    public Object reserveOrderRetry(@RequestParam("conditions")List<Demo> conditions,

                                    @RequestParam("name")String name) {

    }

===================================================================================================================

===================================================================================================================

Spring 接收表单List集合数据

第一种:

1.新增类,其中有属性为该对象的集合

public class SettingModel {
private List<Setting> sets; public final List<Setting> getSets() {
return sets;
} public final void setSets(List<Setting> sets) {
this.sets = sets;
} @Override
public String toString() {
return "SettingModel [sets=" + sets + "]";
} }

2.表单字段name属性值为数组形式:

<form action="/user/submitUserList_2" method="post">
ID:<input type="text" name="users[0].id"><br/>
Username:<input type="text" name="users[0].name"><br/>
Password:<input type="text" name="users[0].pwd"><br/><br/> ID:<input type="text" name="users[2].id"><br/>
Username:<input type="text" name="users[2].name"><br/>
Password:<input type="text" name="users[2].pwd"><br/><br/>
<input type="submit" value="Submit">
</form>

3.后台接收:

@RequestMapping("/update")
public void update(SettingModel users){
  System.out.println(sets);
}

 第二种:

1.ajax请求,POST请求、'Content-Type' : 'application/json;charset=utf-8'、data:json(例如:[{"id":"1","content":"14"},{"id":"2","content":"测试修改2"}])

$.ajax({
url:'/update',
type:'POST',
headers : {
'Content-Type' : 'application/json;charset=utf-8'
},
dataType:"json",
data:datastr,//datastr=JSON.stringify(datastr);转换为JSON格式
success: function(data){
alert('111');
}
});

2.后台接收:

@RequestMapping(value="/update")
public void update(@RequestBody List<Setting> sets){
System.out.println(sets);
}

springboot 传List参数的更多相关文章

  1. SpringBoot中使用切面的每次传的参数,进行解析,验签,并返回解码后的参数

    目的,在每次请求的时候,对每次传的参数,进行解析,验签,并返回解码后的参数, 以json传递: 例子背景: IOT平台提供对外可访问的接口, 需要对所有参数的传递做到 不泄露.认证的目的:所以需要在每 ...

  2. SpringBoot接收前端参数的三种方法

    都是以前的笔记了,有时间就整理出来了,SpringBoot接收前端参数的三种方法,首先第一种代码: @RestController public class ControllerTest { //访问 ...

  3. springboot 获取控制器参数的几种方式

    这里介绍springboot 获取控制器参数有四种方式 1.无注解下获取参数 2.使用@RequestParam获取参数 3.传递数组 4.通过URL传递参数 无注解下获取参数无注解下获取参数,需要控 ...

  4. 测试开发专题:如何在spring-boot中进行参数校验

    上文我们讨论了spring-boot如何去获取前端传递过来的参数,那传递过来总不能直接使用,需要对这些参数进行校验,符合程序的要求才会进行下一步的处理,所以本篇文章我们主要讨论spring-boot中 ...

  5. SpringBoot 如何进行参数校验,老鸟们都这么玩的!

    大家好,我是飘渺. 前几天写了一篇 SpringBoot如何统一后端返回格式?老鸟们都是这样玩的! 阅读效果还不错,而且被很多号主都转载过,今天我们继续第二篇,来聊聊在SprinBoot中如何集成参数 ...

  6. SpringBoot 如何进行参数校验

    为什么需要参数校验 在日常的接口开发中,为了防止非法参数对业务造成影响,经常需要对接口的参数进行校验,例如登录的时候需要校验用户名和密码是否为空,添加用户的时候校验用户邮箱地址.手机号码格式是否正确. ...

  7. 从js向Action传中文参数出现乱码问题的解决方法

    Action获取jsp表单中的中文参数,只要整个项目都采用UTF-8编码格式都不会出现乱码问题:但JSP中用到JS,并从JS向Action传中文参数,就会出现中文乱的现象     做项目的时候,发现A ...

  8. (转) jsp页面 URL传中文参数到Action里面出现乱码

    jsp页面 URL传中文参数到Action里面出现乱码,方法如下: 第一种:在Action中用 new String(str.getBytes("ISO8859_1"), &quo ...

  9. 百度上传工具webuploader,图片上传附加参数

    项目中需要上传视频,图片等资源.最先做的是上传图片,开始在网上找了一款野鸡插件,可以实现图片上传预览(无需传到后台).但是最近这个插件出了莫名的问题,不易修复,一怒之下,还是决定找个大点的,靠谱的插件 ...

随机推荐

  1. 011_docker内部各系统基本工具安装

    root@nginx-56b8c64cb4-t97vb:/# cat /etc/os-release #查看linux发行版本 PRETTY_NAME="Debian GNU/Linux 8 ...

  2. python的assert关键字用法

  3. $Django patch与put,视图组件,路由控制,响应器

    1 patch与put(幂等?回顾) PATCH 与 PUT 属性上的一个重要区别还在于:PUT 是幂等的,而 PATCH 不是幂等的.幂等是一个数学和计算机学概念,在计算机范畴内表示一个操作执行任意 ...

  4. javacv:调取本地摄像头,抓取人脸,保存为图片

    MAVEN: <dependency> <groupId>org.bytedeco</groupId> <artifactId>javacv-platf ...

  5. 4)django-视图view

    视图是django功能函数,结合url使用 1.视图方式 视图方式经常用的有两种 用户GET获取数据      用户POST提交数据            用户第一次访问页面是GET       用户 ...

  6. npm dev run 报错

    解决办法: npm run dev --port 8088 Error: listen EACCES 0.0.0.0:8080at Object.exports._errnoException (ut ...

  7. 转:vw适配中使用伪类选择器遇到的问题

    地址:https://blog.csdn.net/perryliu6/article/details/80965734 在使用vue init webpack构建的项目中,一开始我准备使用rem布局, ...

  8. verilog 异步复位代码

    module reset_sync (input clk, input reset_in, output reset_out); (* ASYNC_REG = 'b1; (* ASYNC_REG = ...

  9. 用flask的扩展实现的简单的页面登录

    from flask import Flask,render_template,request,redirect,session app = Flask(__name__,template_folde ...

  10. 一.定时任务详解https://i.cnblogs.com/EditPosts.aspx

    定时任务的详解 h每小时运行  d每天运行 w每周运行 m每个月运行  中毒时查看系统定时任务是否有病毒的脚本. crontab  -l  查看用户的定时任务 crontab -e  进入编辑界面增加 ...