js中map对象的使用

版权声明： https://blog.csdn.net/qq_15901351/article/details/82085429

<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;
    }