Form表单传递多个值传递List数组对象的解决方法之一

一开始想的是用  

$("#inputForm").serializeArray()  序列化生成对象 

Form表单传递多个值传递List数组对象的解决方法之一_第1张图片

后端   @RequestBody List positionTypeList  获取到数据 ,

有些小伙伴估计已经发现了,就是id 和Sort是两个对象了。导致后台获取到的对象也是24个 Form表单传递多个值传递List数组对象的解决方法之一_第2张图片

这该怎么办呢? jquery serializeobject(); 想着用这个序列化成对象会不会好使。 结果里面的原理却是把所有input对象都写入一个对象中去了

现在公布最后的解决思路:

(1)第一步先序列化对象

var positionArray = $("#inputForm").serializeArray();

(2)写个js对象模板

function positionTypeTemplate(id,positionTypeSort){
    var positionType = new Object();
    positionType.id = id;
    positionType.positionTypeSort = positionTypeSort;
    return positionType;
}

(3)  声明个数组用来接收我们自己生成的对象,serializeArray  生成的对象属性是  name  value  键值对的形式的,通过name属性值进行判断是否该生成一个对象。

var positionTypeList = new Array();
var params;
for(var i = 0 ; i < positionArray.length ; i ++ ){
    if(positionArray[i].name == "id"){
                       positionTypeList.push(positionTypeTemplate(positionArray[i].value,params));
   }
   params = positionArray[i].value;
}
这样传回来的集合对象就是我们想要的了

Form表单传递多个值传递List数组对象的解决方法之一_第3张图片

(4) 通过  @RequestBody List positionTypeList  可以将请求体中的JSON字符串绑定到相应的bean中上

当然也可以分别绑定到对应的字符串上,  需要特别注意的是 JSON 字符串中的key 必须对应user中属性名,否则请求是过不去的

Form表单传递多个值传递List数组对象的解决方法之一_第4张图片

 

转载于:https://www.cnblogs.com/blogspring/p/10123277.html

你可能感兴趣的:(json,javascript,后端)