Json veriyi tabloya aktarma

Öncelikle visual studio’da bir web projesi yaratıyoruz. Html tarafına Tablo ekliyoruz.

  <table id="tblGridSoru" class="table table-striped table-bordered table-advance table-hover">
           <thead>
               <tr>
                    <th>Cevap
                      </th>
                    <th>Cevaplayan Kişi Sayısı
                      </th>
               </tr>
           </thead>
    <tbody id="crGridSoru">
    </tbody>
  </table>

  Sayfa yüklendiğinde ya da herhangi bir nesne tetiklendiğinde listelenecek data’yı çekiyoruz.

function soruAnaliz(data) {
    var JDATA = JSON.parse(data);
    $('#crGridSoru').empty();
    $.each(JDATA, function (i, data) {
        $('#crGridSoru').append("<tr><td>" +
            data.cevap + "</td><td>" +
            data.toplam + "</td></tr>");
    })
}

 


Append metoduyla html tarafındaki tablo ID jquery formatında yazılır $(#crGridSoru).append(“<tr><td>”)+… each döngüsünde kaç satır geldiyse o kadar dönecek ve satır,sütun oluşturarak verileri tabloya ekleyeceğiz.

Dikkat etmemiz gereken, sorgudan aldığımız sonucu dataTabletoJSON ile almak ve veritabanından çektiğimiz verinin adını büyük küçük harf gözeterek aynı şekilde girmeliyiz. Örnek; “data.cevap”, “data.toplam”

Sonuç olarak şöyle bir görüntü alırız. Bu anlatımı takip edip sorun yaşarsanız, iletişim kısmından yazabilirsiniz. Teşekkürler..

 

Yorum Yap

Ara
Kategoriler
ASP.NET  (4 )
MSSQL  (5 )
JAVASCRIPT  (8 )
FİNANS  (8 )
C#  (5 )
GEZİ-KÜLTÜR  (3 )
SEO  (2 )
Diğer  (3 )
CSS  (2 )
ANDROID  (2 )