后台返回map，前台 jQuery 接收，並操作

$("#get_shuju").click(function () {
    var userId = $("#inUser").val();
    var date = $("#user_date").val();
    // var date1=JSON.stringify(date);
    // 前台的Date型日期，強制轉化成String型Date(eg:2018-08-04轉變成"2018-08-04")
    var doDaily = {
        userId: userId,
        date: date
    }
    alert("getshuju date: " + doDaily.date);
    $.ajax({
        async: false,     //是否為異步請求
        cache: false,  //是否緩存結果
        type: "post",
        url: "/doDaily/getRecordByDateAndId",
        data: doDaily,
        dataType: "json",
        success: function (data) {
            var records = data.records; //data.records 里面的 records 是后台返回的map的key
            for (var i in records) {
                doDailyId = records[i].id;
                userName = records[i].userName;
                dailyName = records[i].dailyName;
                result = records[i].result;
                finalResult = records[i].finalResult;
                alert("doDailyId: " + doDailyId + " userName: " + userName + " dailyName: " + dailyName + " result: " + result);

                //     //通過var records 的元素插入
                //     $("#hexiao").append("<tr><td>" + records[i].id + " </td><td>" + records[i].userName + " </td><td>" + records[i].dailyName + " </td><td>" +
                //         records[i].result + "</td><td>" + records[i].finalResult + "</td><td>" + "<button class='btn btn-primary btn-lg' data-toggle='modal' data-target='#myModal'>修改</button>" + "</td></tr>");
                //通過var records 里面元素的 賦值 插入
                $("#hexiao").append("<tr><td>" + doDailyId + " </td><td>" + userName + " </td><td>" + dailyName + " </td><td>" +
                    result + "</td><td>" + finalResult + "</td><td>" + "<button class='b1' data-toggle='modal' data-target='#myModal'>核銷</button>" + "</td></tr>");

            }   // <input type='button' class='btn btn-primary btn-lg' value='修改' data-toggle='modal' data-target='#myModel'/>

            $(".b1").click(function () {
                $("#t1 tr:not(:first)").empty();//首先清空原來有的內容，但是不清空表格，只清空表格里面所有內容
                var id = $(this).parent().parent().find("td").eq(0).text();//拿到該行的id
                alert("doDailyId: " + id);
                $.ajax({
                    async: false,     //是否為異步請求
                    cache: false,  //是否緩存結果
                    type: "get",
                    url: "/doDaily/updateRecordById/" + id,
                    data: id,
                    dataType: "json",
                    success: function (data) {

                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        //這個error函數調試時非常有用，如果解析不正確，將會彈出錯誤框
                        alert(XMLHttpRequest.responseText);
                        alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus); // parser error;
                    }
                })
            })
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            //這個error函數調試時非常有用，如果解析不正確，將會彈出錯誤框
            alert(XMLHttpRequest.responseText);
            alert(XMLHttpRequest.status);
            alert(XMLHttpRequest.readyState);
            alert(textStatus); // parser error;
        }
    });
});