JavaScript/JQuery

[JQuery & DataTable] ajax로 받아온 데이터 수정

IT공부블로그 2019. 6. 11. 13:17
728x90
반응형

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으로 원래 데이터를 보내주든 수정된것을 보내주든 해야한다 

보내주지않으면 에러 발생

728x90
반응형