0

JSON データを使用してテーブルを埋めようとしています

これが私が考えていることです

$.ajax({
  dataType: "json",
  url: "music.json"
})
.done(function(gamesjson){
    DATA = gamesjson;
    buildTable(DATA ); // this one is calling the above code
  })
.fail(function(){
    console.log("music.json error");
  })
;

function buildTable(DATA){
var gl = $("#gl");
$.each(DATA.music, function(index, value) {
// code to populate table
??

}

$("#gl").append(gl);
}

buildTable() には何を書きますか? また、json に 1000 行が含まれている場合、テーブルを作成する最良の方法は何ですか?

例と説明をお願いします。ありがとう

http://jsfiddle.net/9u4zR/1/

4

2 に答える 2

0

このようなもの：

function buildTable(DATA){
    var table = "<table>";
    $.each(DATA.music, function(index, value) {
        table += "<tr><td>" + value.col1 + "</td><td>" + value.col2 + "</td></tr>";
    }
    table += "</table>";
    $("#gl").append(table);    
}

もちろん、 と を実際のプロパティの名前に置き換えcol1、必要にcol2応じて列を追加する必要があります。また、おそらくクラスまたはスタイルを指定することもできます。ただし、これは一般的な構造を示しており、アプリケーションの必要に応じて調整できます。

于 2013-10-18T23:57:02.193 に答える
0

Javaスクリプトテンプレート技術を使用 すると、クライアント側でJSON応答をレンダリングするのに役立ちます.phpでdoT.js を使用しています.htmlテンプレートを作成してオブジェクトをバインドするのに役立ちます

于 2013-10-18T23:53:01.423 に答える