<div class="qylr3" style="display: none;">
<div class="qylr3_wrap" id="gg">
<div class="row w810" style="width: 900px!important;">
<div class="col-md-3">
<div class="input-group ">
<span class="input-group-addon"><sup class="fc_red">*</sup>高管姓名</span>
<input type="text" class="form-control name" placeholder="">
</div>
</div>
<div class="col-md-3">
<div class="input-group ">
<span class="input-group-addon"><sup class="fc_red">*</sup>职务</span>
<input type="text" class="form-control job_name" placeholder="">
</div>
</div>
<div class="col-md-3">
<div class="input-group ">
<span class="input-group-addon"><sup class="fc_red">*</sup>入职日期</span>
<input type="text" class="form-control begin_time" placeholder="">
</div>
</div>
<div class="col-md-3">
<div class="input-group ">
<span class="input-group-addon"><sup class="fc_red">*</sup>离职日期</span>
<input type="text" class="form-control end_time" placeholder="">
</div>
</div>
</div>
</div>
</div>
前置条件:class属性为row的div是一模一样的文本,获取到他们的值存入数据库(点击新增是会出现一模一样的div块进行录入,做数据库持久化操作)
1、js中map对象的介绍
https://msdn.microsoft.com/library/dn263029
2、实现上述功能
思路:循环获取.row对象是一个数组对象,对其进行遍历,获取旗下的现对于的class属性值
var d_list = $(".qylr3 .qylr3_wrap .row");
var d_length = d_list.length;
var arr = [];
for(var i = 0; i < d_length; i++) {
var map = {}; //创建一个map对象
var ggxx_id = $(d_list[i]).find(".ggxx_id").val();
var name = $(d_list[i]).find(".name").val();
var job_name = $(d_list[i]).find(".job_name").val();
var begin_time = $(d_list[i]).find(".begin_time").val();
var end_time = $(d_list[i]).find(".end_time").val();
map['name'] = name;
map['job_name'] = job_name;
map['begin_time'] = begin_time;
map['end_time'] = end_time;
map['comcode'] = comcode;
map['ggxx_id'] = ggxx_id;
arr.push(map);
}
var jsonbody = JSON.stringify(arr);
console.log(jsonbody);
$.ajax({
type: "post",
url:“",
async: true,
data: {
JsonBody: jsonbody
},
dataType: "json",
success: function(result) {
console.log(result);
if(result.result_code == -1) {
console.log("保存失败");
msg("保存失败");
}
if(result.result_code == 0) {
msg("保存成功");
setTimeout("goback()",1000);
}
},
error: function() {
msg("服务器发生异常,请稍后再试!");
}
});
}
java后台:
@ResponseBody
@RequestMapping(value = "/save_ggxx_info", method = RequestMethod.POST)
public Map<String, Object> save_ggxx_info(String JsonBody) {
List<PreGGXX> preGGXlist = JSON.parseArray(JsonBody, PreGGXX.class); //使用了fastjson
if (!CollectionUtils.isEmpty(preGGXlist)) {
for (PreGGXX gg : preGGXlist) {
if(StringUtils.isEmpty(gg.getGgxx_id())){
service.saveGGXXINFO(gg.getName(), gg.getComcode(), gg.getJob_name(), gg.getBegin_time(),
gg.getEnd_time());
}else{
service.updateGGXXINFO(gg.getGgxx_id(), gg.getName(),gg.getComcode(),
gg.getJob_name(), gg.getBegin_time(), gg.getEnd_time());
}
}
}
Map<String, Object> map = new HashMap<String, Object>();
map.put("msg", "success");
return map;
}