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 Timmmminjection-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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Official Clouds

    Official Clo

    1 HAZİRAN 2011
  • RobertDuskin

    RobertDuskin

    12 HAZİRAN 2008
  • Crossover

    Crossover

    18 HAZİRAN 2007