ASP.NET ile JSON – 1

Merhabalar, JSON’a daha önce bir giriş yapmıştık. Şimdiyse JSON kullanarak veritabanında bulunan verileri aspx sayfamızda nasıl göstereceğimizden bahsedeceğim. Burada daha önceki paylaşımlarımda oluşturmuş olduğum Firma Entity Framework’u ile işlemler yaptım. Entity Framework Oluşturulması ile ilgili yazıma şuradan ulaşabilirsiniz.

http://www.tekinpekcan.com/09/08/2014/jsonjavascript-object-notation-nedir/

Personel.aspx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<form id="form1" runat="server">
  <div>
   <h2>
    Personel Tablosu
   </h2>
<table border="1" id="PersonelTable">
   <thead>
<tr>
      <th>
       <b>Personel Adı</b>
      </th>
      <th>
       <b>Personel Soyadı</b>
      </th>
     </tr>
</thead>
   <tbody>
   </tbody>
</table>
<asp:hiddenfield id="PersonelHF" runat="server">
    </asp:hiddenfield></div>
</form>


Personel.aspx.cs
  

1
2
3
4
5
6
protected void Page_Load(object sender, EventArgs e)
{
  JSONDene.CompanyEntities FirmaEF = new CompanyEntities(); // Entity nesnemizi oluşturuyoruz
  JavaScriptSerializer js = new JavaScriptSerializer();     // Verimizi göndermek için kullanacağımız JavaScriptSerializer'ı oluşturuyoruz
  PersonelHF.Value = js.Serialize(FirmaEF.Calisan.ToList());// ASPX sayfamızda oluşturduğumuz HiddenField içerisine Serialize edilmiş Calisan tablomuzu yolluyoruz.
}

Javascript

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
  var obj1 = null;
  $(document).ready(function() {
     obj1 = JSON.parse($('#PersonelHF').val()); // ASPX.CS üzerinden aldığımız veriyi JSON.parse işleminden geçiriyoruz
     for (var i = 0; i < obj1.length; i++) {    // Parse edilen her veri bir tablo satırını temsil eder ve biz tablo içerisindeki tüm satırları dolaşıyoruz
     $('#PersonelTable tbody').append("<tr><td>" + obj1[i].Ad + "</td><td>" + obj1[i].Soyad + "</td></tr>
"); // Verileri PersonelTable tablosunun içerisine tek tek ekliyoruz.
   }
  });
</script>

Hiddenfield yapılarınında yardımıyla JSON kullanarak verilerimizi çekmiş olduk.

You may also like...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.