私はこのjqueryコードを抽出して、URLからjosnを取得し、htmlテーブルに入れます
$(document).ready(function() {
$.getJSON('/api/students/2/?format=json', function(data) {
var items = [];
$.each(data, function(key, val) {
items.push('<tr><td>' +key+'</td><td>' + val + '</td></tr>');
});
$(items.join('')).appendTo('table');
});
});
これにより、オブジェクトの最初のレベルが正常に読み込まれますが、ネストされたレベルが多数あります。json内にすべてのデータがあります。現在表示されていますobject[]
が、以下のようなサブ要素を表示したい
お気に入り
studnets
時々持ってsemester
いるsubjects
assignments
このように自分のテーブル内のメインテーブル内にネストして表示したい
<table>
<tr><td>student name </td></tr>
<tr><td>semesters
<table>
<tr><td> subjects
<table><tr><td> Assigments
1ページでデータ全体の詳細ビューを取得できるようにします。
これはバグがあるように見えますが、学生データを再設定するより良い方法を見つけることができません
編集
サンプル json データ
{
"id": 2,
"name": "John",
"terms": [
{
"id": 26,
"name":"summer"
"date": "2013-02-18",
"subjects_set": [
{
"id": 10,
"name": "math",
"gb_type": [ ],
"assignment_set": [
{
"id": 2,
"name": "assignment_level_1",
"documents": [ ]
}
]