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