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.
