티스토리 뷰
dataTable의 ajax에서
ajax : {
"url": contextPath + "/moveStatus/search",
"type":"POST",
data: {
compName: document.getElementsByClassName('selectBoxStyle')[0].value,
startDate: document.getElementById('startDate').value,
endDate: document.getElementById('endDate').value,
empName: document.getElementById('empName').value
},
"dataSrc": function(json) {
console.log(json);
let data = new Object();
let jsonData = new Array();
for(let i = 0; i < json.data.length; i++) {
if( json.data[i].nextDeptName == ''){
console.log(json.data[i]);
delete json.data[i];
} else {
jsonData.push(json.data[i]);
}
}
data.result = "success";
data.message = null;
data.data = jsonData;
console.log(data);
return data;
}
}
dataSrc를 이용하여 ajax로 받아온 json 데이터를 수정하여 화면에 뿌려줄수있다 위 소스 참고
마지막에 return으로 수정된 data를 보내줄때는 반드시 Object에 data 속성에 담아서 보내줘야하지만 되지않았다 좀더 생각해 볼것
return으로 원래 데이터를 보내주든 수정된것을 보내주든 해야한다
보내주지않으면 에러 발생
'JavaScript > JQuery' 카테고리의 다른 글
[JQuery] disabled, selected 셀렉터 (0) | 2019.06.12 |
---|---|
[JQuery] JQuery UI dialog 예, 아니요 값 전달 (0) | 2019.06.11 |
[JQuery & DataTable] DataTable Reload (0) | 2019.06.11 |
[JQuery & DataTable] DataTable 생성 (0) | 2019.06.11 |
[JQuery] RadioButton checked 값 가져오기 (0) | 2019.05.29 |