JSON으로 보내 JSON으로 데이터를 받아서 화면에 table형식으로 레이아웃을 추가해야 할때
$("button[name=name]").on("click", function (e) {
var sendData = this.dataset.send;
var url = `/api/~`;
$.ajax({
type: 'Post',
url: url,
contentType: 'application/json',
data: JSON.stringify(sendData),
processData: false,
cache: false,
success: function (result, msg, response) {
addData(result);
},
error: function (error) {
alert("실패");
}
});
function addData(data) {
if (data === undefined || data == "")
return;
var tb = $("table#table_list");
var strTr = "";
$(data).each(function (idx, element) {
//strTr += "<table>";
//strTr += "<tr>";
//strTr += "<td></td>";
//strTr += `<td>${element.type}</td>`;
//strTr += `<td>${element.name}</td>`;
//strTr += `<td>${element.id}</td>`;
//strTr += `<td>${element.email}</td>`;
//strTr += `<td>${element.tel}</td>`;
//strTr += "</tr>";
//strTr += "</table>";
});
tb.empty();
tb.append(strTr);
}
});
이렇게 데이터를 추가하는 방식은 올드하다고 말씀해주셨는데 다음에 다른 방식을 공부하면 정리해서 추가해야 겠다.
//ajax에서 post방식으로 json타입을 받을때 값이 들어오지 않을때 [FromBody]를 추가해준다.
public IActionResult GetReqList([FromBody]ReqInfoPo req)