Parse JSON von Array und Objekte zu HTML-Tabelle

-1

Ich habe eine MySQL db Spalten „Name“ „Service“ „Kosten“ die Ausgabe in JSON gibt mir wie folgt mit:Parse JSON von Array und Objekte zu HTML-Tabelle

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

ich in der Lage sein wollen Konvertiere dies in eine HTML-Tabelle. Ich habe dies versucht:

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

Aber funktioniert nicht, einfach, weil ich weiß nicht genau, was ich tue :)

Kann mir jemand helfen? Danke!

Quelle

2016-04-17 Jose Borges

was meinst du mit json = url? Du willst den JSON von einer URL mit Ajax bekommen? dann sollten Sie '$ .ajax' oder' $ .get' verwenden. Dann wäre der Bericht eine Untereigenschaft von json, nicht umgekehrt und Sie müssten für json.report.length aufzählen. Außerdem fügt $ ('table') die Tabellenzeilen zu allen Tabellen auf der Seite hinzu; Sie sollten wahrscheinlich eine ID verwenden ($ ('# myTable)) –

Vielen Dank für die Antwort. Ja, es stammt von einer URL, aber ich weiß nicht genau, wie ich es erklären soll. Kannst du mir ein ganzes Beispiel geben? –

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

über getJSON und ajax lesen.

Quelle

2016-04-17 11:51:11

Parse JSON von Array und Objekte zu HTML-Tabelle

Antwort

Verwandte Themen