ajax로 데이터 가져와서 js, jQuery 로 tbody만들기

testtest();

  

// data가져오기
function testtest() {
  $.ajax({
    type: "post",
    url: "%%%%url%%%",
    cache: false,
    dataType: "json",
    success: function (json) {
      var temp= JSON.parse(JSON.stringify(json));
      test(temp);
    },
  });



  function test(temp) {
    var contents = document.querySelectorAll("#section3 .contents-box")[0];
    var tbody = contents.querySelector("tbody");

    // 추후 tr 태그 삭제 코드 변경 또는 html 에서 제거 후 아래 라인 제거
    $(tbody.querySelectorAll("tr")).remove();

    for (var i = 0; i < temp.mySheet.Data.length; i++) {
        var data = temp.mySheet.Data[i];
        var pType = temp.mySheet.Data[i].processtype;
        //console.log(pType);
        var myTr = document.createElement("tr");
        myTr.id="color";
    if (pType == "U"){
        myTr.style.color ="red";
    } else if(pType == "D"){
        myTr.style.textDecoration="line-through";
    }

    var myTdAcit = document.createElement("td");
    myTdAcit.innerText = data["a"];
    var myTdAdep = document.createElement("td");
    myTdAdep.innerText = data["b"];
    var myTdAdes = document.createElement("td");
    myTdAdes.innerText = data["c"];
    var myTdEobt = document.createElement("td");
    myTdEobt.innerText = data["d"];
    var myTdCobt = document.createElement("td");
    myTdCobt.innerText = data["e"];
    var myTdCtot = document.createElement("td");
    myTdCtot.innerText = data["f"];
    var myTdCldt = document.createElement("td");
    myTdCldt.innerText = data["g"];
    var myTdState = document.createElement("td");
    myTdState.innerText = data["h"];

    myTr.appendChild(myTdAcit);
    myTr.appendChild(myTdAdep);
    myTr.appendChild(myTdAdes);
    myTr.appendChild(myTdEobt);
    myTr.appendChild(myTdCobt);
    myTr.appendChild(myTdCtot);
    myTr.appendChild(myTdCldt);
    myTr.appendChild(myTdState);

    tbody.appendChild(myTr);

            }

        }

    }