解析JSON從數組和對象HTML表格

-1

我有列「名稱」「服務」「成本」一個MySQL數據庫在JSON輸出給了我這樣的：解析JSON從數組和對象HTML表格

"report": [{ 
     "Name": "John", 
     "Service": "Hands", 
     "Cost": "200" 
    }] 
}

我希望能夠到將其轉換爲html表格。我曾經嘗試這樣做：

$(document).ready(function() { 
    var json = url; 
    var tr; 
    for (var i = 0; i < json.length; i++) { 
     tr = $('<tr/>'); 
     tr.append("<td>" + report.json[i].Name + "</td>"); 
     tr.append("<td>" + report.json[i].Service + "</td>"); 
     tr.append("<td>" + report.json[i].Cost + "</td>"); 
     $('table').append(tr); 
    } 
});

但不工作，只是因爲我不知道究竟我在做什麼:)

有人能幫助我嗎？謝謝！

來源

2016-04-17 Jose Borges

你是什麼意思由json = url？你想從一個帶有Ajax的URL獲取json？那麼你應該使用'$ .ajax'或'$ .get'。然後，報告將是json的子屬性，而不是其他方式，您將不得不枚舉json.report.length。此外，$（'table'）將錶行添加到頁面中的所有表中;你應該使用一個id（$（'＃myTable）） –

謝謝你的回覆。是的，它來自一個網址，但我不知道你如何解釋你的方式。你能給我一個完整的例子嗎？ –

$(function() { //equivalent to $(document).ready(... 
$.getJSON(url,function(data) { 
    var report=data.report; 
    // your code here 
}); 
});

閱讀關於getJSON和ajax。

來源

2016-04-17 11:51:11

解析JSON從數組和對象HTML表格

回答

相關問題