Json veriyi tabloya aktarma (.net webforms)

Ö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”