JQuery HTML tablosu için JSON dizi dönüştürmek

SORU

26 HAZİRAN 2009, Cuma

JQuery HTML tablosu için JSON dizi dönüştürmek

JSON nesneleri dizisi alır ve bir HTML tablosu, birkaç alan hariç haline çevirebilirim gerçekten çok kolay bir yolu var mı? Ya bu elle yapmak zorunda olacak mıyım?

CEVAP

24 NİSAN 2012, Salı

JQuery kullanarak bunu daha kolay hale getirecek.

Aşağıdaki diziler dizisi alır ve satır ve hücre içine saklayabilirsiniz dönüştürür.

$.getJSON(url , function(data) {
    var tbl_body = "";
    var odd_even = false;
    $.each(data, function() {
        var tbl_row = "";
        $.each(this, function(k , v) {
            tbl_row  = "<td>" v "</td>";
        })
        tbl_body  = "<tr class=\"" ( odd_even ? "odd" : "even") "\">" tbl_row "</tr>";
        odd_even = !odd_even;               
    })
    $("#target_table_id tbody").html(tbl_body);
});

Gibi bir şey ekleyerek çıkarmak istediğiniz anahtarları için bir onay ekleyebilirsiniz

var expected_keys = { key_1 : true, key_2 : true, key_3 : false, key_4 : true };

getJSON cbf ve ekleme başında

if ( ( k in expected_keys ) && expected_keys[k] ) {
...
}

= tbl_row hattı etrafında.

Edit: daha önce . boş bir değişken atama Oldu

Edit: Sürüm Timmmm injection-free katkı. göre

$.getJSON(url , function(data) {
    var tbl_body = document.createElement("tbody");
    var odd_even = false;
    $.each(data, function() {
        var tbl_row = tbl_body.insertRow();
        tbl_row.className = odd_even ? "odd" : "even";
        $.each(this, function(k , v) {
            var cell = tbl_row.insertCell();
            cell.appendChild(document.createTextNode(v.toString()));
        })        
        odd_even = !odd_even;               
    })
    $("#target_table_id").appendChild(tbl_body);
});

Bunu Paylaş: