前端向后端传对象数组--方式一

1.定义一个键值对对象
function ObjData(key,value){
this.key=key;
this.value=value;
}

2.定义一个对象数据
var existUserArray=[]; //定义一个对象数据。
遍历map，构造对象，写入对象数组中。
existUserMap.forEach(function (item, key, mapObj) {
var s=new ObjData(key,item); //创建键值对象
existUserArray.push(s); //把对象放入对象数组中
});

3.把数组转换成json字符串。
var existUserStr = JSON.stringify(existUserArray);

4.使用post提交数据
var data = {
"existUserStr": existUserStr
};
$.post(
"saveUsers",
data,
function (ret) {
console.info(ret);
},
"Json" //important
); //post

5.java后端处理
@RequestMapping(value = "/saveUsers", method = RequestMethod.POST)
@ResponseBody
public Map<String, String> saveUsers(Model model, String existUserStr, String selectedUserStr) {
Map<String, String> result = Maps.newHashMap();
String msg = "成功！";
String success = "true";
try {
List<ObjData> existUserList = JsonMapper.fromJson(existUserStr, List.class, ObjData.class);
List<ObjData> selectedUserList = JsonMapper.fromJson(selectedUserStr, List.class, ObjData.class);
System.out.println();
} catch (Exception e) {
log.warn("", e);
msg = "失败 ";
success = "false";
}

result.put("success", success);
result.put("message", msg);
return result;
}

6.附上jsonmapper的fromjson方法.
// @SuppressWarnings("unchecked")
public static <T> T fromJson(String json, Class<?> collectionClass, Class<?>... elementClasses) {
if (json==null||json.trim().isEmpty()) {
return null;
}

try {
JavaType type = JsonMapper.getInstance().getTypeFactory().constructParametricType(collectionClass, elementClasses);
return (T) JsonMapper.getInstance().readValue(json, type);
} catch (IOException e) {
logger.warn("parse json string error:" + json, e);
e.printStackTrace();
return null;
}
}

前端向后端传对象数组--方式一相关推荐

前端给后端传参的方式
1.针对get,delete类请求,在浏览器上呈现的参数形式是拼接在URL地址后面.以?开头使用的时候直接 const data = {fileName: 'img0.jpg',fileVersio ...
js ajax传对象数组参数,JS传递对象数组为参数给后端，后端获取
JS传递对象数组为参数给后端,后端获取. 前端JS代码: var conditons = []; var test1 = new Object(); test1.name="1"; ...
使用MultipartFile+ElementUi(el-upload)实现前端向后端传图片
引言: 在前后端交互的过程中,数据的传输可以说是交互的核心,这篇博客是对前端向后端传输图片的介绍.后端使用的是SpringMvc框架,前端使用的是Vue.2x结合ElementUi组件库实现交互. M ...
vue前端接收后端传过来的带list集合的数据
目录 1.前端接收响应结果 2.后端组装响应结果前后端交互,如下的示例Json报文,前端采用vue进行接收. {rootId: '',nodes: [],lines: [] } 1.前端接收响应结果 ...
windows phone 8 使用页面传对象的方式实现页面间的多值传递
在做windows phone 开发的时候,会经常碰到页面间之间的跳转和传递数据,如果传递的值不多,只有两三个,我们通常使用NavigationService.Navigate(new Uri(&qu ...
html接收后端list数据库,前端接受后端传过来的list的处理
//隐藏需要权限才显示的分配按钮 $("#btn-distribute").css("display", "none"); ///权限标志 ...
前端传后端，后端传前端，数组与字符串之间的转换。implode和explode
前端传给后端数组,存入数据库得是字符串,中间用逗号分隔这里主要用的是implode函数 //前传后,写入数据库(数组转换字符串,逗号隔开)public function saveInfo(){$ar ...
后端接口如何接受对象数组
后端接口如何接受对象数组方式一:直接使用字符串接受后端代码: @PostMapping("/addCommodityBatch")public String addCommod ...
java获取ajax传的数组对象,ajax传递对象数组
ajax data怎么传对象数组参考代码如下: var as = []; var temp = []; for ( var int = 0; int < 5; int++) { temp.pu ...

前端向后端传对象数组--方式一

前端向后端传对象数组--方式一相关推荐

最新文章

热门文章