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

  • CareyHolzman

    CareyHolzman

    24 Ocak 2008
  • Influencer Plus

    Influencer P

    2 Ocak 2013
  • Jonathan Flavell

    Jonathan Fla

    1 HAZİRAN 2006