Ajaxのレスポンスが

Question

これも、HTMLテーブルに、この出力を表示すると、これはconsole.Iでこの関数の出力である次のリンク

function jsonCall1() { 

     $.post("http://tallentex.com/phpwebservices/feedbackapp/index.php/hostel_service/syncData", { id: 0 }, function (data) { 
      var tbl=$("<table/>").attr("id","mytable"); 
      $("#dv").append(tbl); 
      for (var i = 0; i < data.length; i++) { 
       var tr = "<tr>"; 
       var td1 = "<td>" + data[i]["id"] + "</td>"; 
       var td2 = "<td>" + data[i]["fno"] + "</td>"; 
       var td3 = "<td>" + data[i]["attn_no"] + "</td></tr>"; 

       $("#mytable").append(tr + td1 + td2 + td3); 
      } 
      console.log(data); 
     }); 
    } 

からデータを引き出し、私のjavascript関数で表示することができません私はHTMLのテーブルに配列データを表示すると、サーバ

{status: 1, data: Array(4)} 

data:Array(4) 

0:{id: "1", fno: "16078134", hostel_id: "12345", attn_no: "0010146998", create_date: "2017-08-21 10:31:02"} 

1:{id: "2", fno: "16078134", hostel_id: "12345", attn_no: "0010146998", create_date: "2017-08-21 10:31:02"} 

2:{id: "3", fno: "16078134", hostel_id: "12345", attn_no: "0010146998", create_date: "2017-08-21 10:31:02"} 

3:{id: "4", fno: "16078134", hostel_id: "12345", attn_no: "0010146998", create_date: "2017-08-21 10:31:02" 

Answer 1

function jsonCall1() { 
    $.post("http://tallentex.com/phpwebservices/feedbackapp/index.php/hostel_service/syncData", { id: 0 }, function (data) { 
    var tbl=$("<table/>").attr("id","mytable"); 
    $("#dv").append(tbl); 
    for (var i = 0; i < data.length; i++) { 
     var str = `<tr> 
        <td>${data[i].id}</td> 
        <td>${data[i].fno}</td> 
        <td>${data[i].attn_no}</td> 
       </tr>`; 
     $("#mytable").append(str); 
    } 
    console.log(data); 
}); 
}