Ajax響應無法顯示

Question

這是我從下面的鏈接

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); 
     }); 
    } 

提取數據這是console.I這個函數的輸出要顯示在HTML表格，也該輸出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); 
}); 
}