在使用springmvc开发web应用时,感觉springmvc的controller方法能自动将参数注入到方法的参数对象中,极大的方便了开发。但是,在遇到有嵌套对象的时候,比如订单对象有个属性是用户对象,就不好处理了。一种情况是,传递的参数都是作为post方法的请求体,我们可以用RequestBody注解。但是当条件不满足的时候,这种方式就没法用了。很多人喜欢用的方法是将对象序列化为json字符串,然后接收json字符串之后再反序列化为对象。这种方式能解决问题,但是有的时候,也会遇到麻烦。比如有泛型的时候,比如controller用了注解对某些参数进行校验。这个时候,我们就希望有一种新的方法可以适用这种情况。
下面的代码,是用js实现将js的嵌套对象转换成http请求参数的key=value标准形式,然后再传递到服务端的。服务端的controller,由于对http标准传参形式支持的比较好,所以很容易注入到controller参数的嵌套对象中。
/**
* 将js对象的key=value方式转为http请求参数的key=value方式。
* js中的value支持对象,数组,基本类型(数值、字符串,布尔),
在和后端springmvc参数注入配合时,会出现问题。
* 所以需要一个转换的方法。避免后端手动调用json库进行解析。
前端是动态类型,封装一个方法就够了。
*/
let toHttpParams = (function(){
function serialize(key, value, param) {
if(Array.isArray(value)) {
for(let i = 0; i < value.length; i++) {
serialize(key + '[' + i + ']', value[i], param)
}
} else if(value != undefined && value.constructor === Object) {
for(let k in value) {
serialize(key + '.' + k, value[k], param);
}
} else {
param[key] = value;
}
}
function serializeObj(obj) {
const param = {};
for(let k in obj) {
serialize(k, obj[k], param);
}
return param;
}
return serializeObj;
})();