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>

が、動作していない、それは未定義と述べました。 Firebugのログデータをチェックすると、データがロードされます。本当にすべてのヘルプuは2つの成功の機能を持っていない理由

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>