jquery-Code, um die json-Antwort auf eine HTML-Tabelle mit append anzuzeigen

8

Kann mir jemand mit Code helfen, die JSON-Daten in der HTML-Tabelle anzuzeigen

%Vor%

Ich möchte die JSON-Daten in der Anzeigetabelle anzeigen

json Antwortdaten:

%Vor%     
user1265530 18.03.2012, 17:48
quelle

3 Antworten

15

Sie haben nicht mehr Informationen gegeben, aber trotzdem, wenn Ihre JSON (Daten) -Struktur so etwas ist

%Vor%

kannst du dann in deiner Callback-Funktion machen

%Vor%

Dies ergibt eine Tabelle wie dieses Beispiel . Ich hoffe, es wird dir helfen, deine Arbeit zu erledigen.

Aktualisieren

%Vor%

Hier ist ein Beispiel .

Ihr vollständiger getJSON

%Vor%     
The Alpha 18.03.2012 18:46
quelle
2

Dies macht Gebrauch von jQuerys html dom object creation - die vollständig formatiert sein muss, html wird an die jQuery-Funktion gesendet, anstatt an einen css-Selektor.

Zum Beispiel erstellt var d = $('<div></div>', { text : 'sometext' }); ein Element <div> dom, in dem sich der Text 'sometext' befindet. Es muss dann irgendwo im Dom angehängt werden, damit d.appendTo($('#someotherdiv')) den Trick macht.

In Ihrem Beispiel überspringe ich einfach die Eigenschaften jedes json-Objekts, um jede Zeile zu erzeugen. Wenn der JSON tiefer verschachtelt wird, wäre vielleicht eine rekursive Funktion besser / klarer.

%Vor%     
dwerner 18.03.2012 18:58
quelle
0

Als eine Alternative zu den Antworten, die Sie bereits haben, und für andere, die über diesen Beitrag kommen. Ich hatte kürzlich eine ähnliche Aufgabe und habe ein kleines jquery Plug-in erstellt, um es für mich zu tun. Es ist ziemlich klein unter 3KB minimiert, und hat Sortieren, Paging und die Fähigkeit, Spalten ein- und auszublenden.

Es sollte ziemlich einfach sein, mit css anzupassen. Weitere Informationen finden Sie hier Ссылка und das Projekt steht Ihnen zur Verfügung, wie Sie es mit github tun möchten Ссылка

Um es zum Laufen zu bringen, lade die Dateien herunter und öffne sie auf deiner Site. Folgen Sie den Anweisungen und Sie sollten mit etwas wie folgt enden:

%Vor%

Dann werden Sie in der getJSON-Erfolgsmethode so etwas wollen

%Vor%

Hoffe es hilft jemand anderem!

    
Adween 30.01.2014 09:51
quelle

Tags und Links