Search

WebService (ASMX) ile JSON İşlemleri



0 yorum

WebService(ASMX) ile JSON İşlemleri

asmx json ajaxMerhaba arkadaşlar, bu yazımda sizlere bir webservise ajax ile json verileri nasıl gönderilir bu durumdan bahsedeceğim. Webservice sayesinde farklı platformlarla haberleşebiliriz, bu durum bize güçlü bir mobilite özelliği sağlar. 
Şimdi gelelim işlemlerimizi neler yapacağımıza. Saf html sayfamız üzerinden webservisimize erişeceğiz. Arkasından servis içerisinde işlemlerimizi gerçekleştirip tekrar html sayfamız üzerinde görüntüleyeceğiz. Bu durum bize aspx sayfalarından bağımsız, backend işlemleri yapmamıza olanak tanır.
Bu durumu bir örnek üzerinden gerçekleştireceğiz. Örneğimizde bir kişi listemiz olacak ve içerisinde bulunan kişiler arasından istediğimiz id'ye sahip olan kişiyi html sayfamıza çekeceğiz.

JavaScript:
    
      $.ajax({
             type: "POST",
             contentType: "application/json; charset=utf-8",
             url: "Servis.asmx/KullaniciBilgileri",
             //data: {id:JSON.stringify(myData)}, GET işlemlerinde bu şekilde kullanılır
             data: JSON.stringify({ id: 1 }), //1 numaralı kişi parametresi gönderilir
             dataType: "json",
             success: function (sonuc) {
             alert("Merhaba " +sonuc.d.ad + " " +sonuc.d.soyad); //dönen sonuç verileri alert ile gösterilir
            }
          });
CSharp:
    [System.Web.Script.Services.ScriptService]  //Bu ifade eklenmiş olmalı
    public class Servis : System.Web.Services.WebService
    {
        //Kisi tanımları yapılıyor
        List listKisi = new List() 
        { 
            new Kisi() { id = 1, ad = "Eren", soyad = "Güvercin" },
            new Kisi() { id = 2, ad = "Ali", soyad = "Taş" }
        };

        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public Kisi KullaniciBilgileri(int id)
        {
            //Burada html sayfamızdan gelen parametreye(id) göre işlem yaptırıyoruz
            Kisi kisi = listKisi.Where(x => x.id == 1).FirstOrDefault(); //1 numaralı kişi çekilir
            return kisi; //1 numaralı kişi döndürülür
        }
    }
    //Kişi sınıfı oluşturuyoruz
    public class Kisi
    {
        public int id { get; set; }
        public string ad { get; set; }
        public string soyad { get; set; }
    }

Örneğimizde html sayfamız üzerinden ajax ile webservisimize 1 numaralı kişiyi getirmesini söyledik, webservisimiz ise bize 1 numaralı kişiyi gönderdi.

0 yorum:

Yorum Gönder

Check Page Rank
DMCA.com