后台返回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;
}
});
});

猜你喜欢

转载自www.cnblogs.com/GGboy-wu/p/9445664.html