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

  • Dellbear816

    Dellbear816

    4 Mart 2008
  • monkophile

    monkophile

    25 Temmuz 2007
  • SuppressedStorm

    SuppressedSt

    11 AĞUSTOS 2013