데이터가 Ajax Json에서 정의되지 않은 상태로 표시됩니다.

Question

json 데이터를 html로 구문 분석해야하지만 정의되지 않은 값이 있습니다.

$.ajax({ 
    type: "GET", 
    url: "http://localhost/rest/api/kkb/detail/?key=39E62227E3294114BE8EADF3B6D2F06E&id=4", 
    dataType: 'jsonp', 
    crossDomain: true, 
    success: function(data) { 
    for(var i = 0; i < data.length; i++) { 
    console.log(data[i].start); 
    } 
    success: function (response) { 
     var trHTML = ''; 
     $.each(response, function (i, item) { 
      trHTML += '<tr><td>' + item.name + '</td><td>' + item.year + '</td><td>' + item.period + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    }, 

    error: function(e) { 
     console.log(e); 
    } 
    }); 
}; 
getUserData(); 

은 API URL의 결과는 다음과 같습니다

{"status":true, 
"message":"Detail Kkb", 
"data": { "kkb": { "id":"4", 
        "year":"2014", 
        "periode":"S-I", 
        "name":"TWA Joe Som" 
        } 
      } 
} 

와 HTML 코드 : <table id="records_table"></table>

하지만 작동하지 않습니다, 그것은 정의되지 않은 말했다. 방화 광에서 로그 데이터를 확인할 때 데이터가로드됩니다. 정말 어떤 도움

Answer 1

var response= [{"status":true,"message":"Detail Kkb","data":{"kkb":{"id":"4","year":"2014","periode":"S-I","name":"TWA Joe Som"}}}]; 
 
var trHTML = ''; 
 
     $.each(response, function (i, item) { 
 
      trHTML += '<tr><td>' + item.data.kkb.name + '</td><td>' + item.data.kkb.year + '</td><td>' + item.data.kkb.period + '</td></tr>'; 
 
     }); 
 
     console.log(trHTML); 
 
     $('#records_table').append(trHTML);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table> 
 
<tr id="records_table"></tr> 
 
</table>