C#nedir?com
 
YAZAR HAKKINDA
Doğuhan Aydeniz
Doğuhan Aydeniz
http://www.doguhanaydeniz.com
İletişme geçmek için tıklayın.
6 Makalesi yayınlanmakta.
Yazar hakkında detaylı bilgi için tıklayın.
Yayınlanan diğer makaleleri için tıklayın.
İlgili etiketler: ajax datatype ajax pagemethods jquer ajax jquery jquery ajax properties jquery pagemethod jquery webmethod json result json.d static webmethod system.web.services.webmethod webmethod Kodlama Doğuhan Aydeniz
 
YAZI HAKKINDA
Türü : Serbest Köşe (?)
Serbest Köşede C#nedir?com üyelerinin hazırladıkları yazılar yayınlanır. Bu yazılar editör incelemesine girmeden yayınlanır.
Seviyesi : Orta
Kategori : Kodlama
Yayınlanma Tarihi : 27.4.2010
Okunma Sayısı : 18313
Yorum Sayısı : 18     yorum yaz
Site İçi AramaSİTE İÇİ ARAMA
Üye Girişini AçÜye GİRİŞİ
Üye girişi için tıklayın.
Kullanıcı Adı
Şifre
 
Beni her zaman hatırla
Bir hafta boyunca kullanıcı bilgilerinizi kullanıcı çıkışı yapana kadar hatırlar. (Paylaşılan bilgisayarlarda önerilmez.)
 
Şifremi / Kullanıcı Adımı unuttum.
 
.net TV RSS Serbest KÖŞE (?)
Serbest Köşede C#nedir?com üyelerinin hazırladıkları yazılar yayınlanır. Bu yazılar editör incelemesine girmeden yayınlanır.
emre TAŞ
XML - Deniz Kılınç
emre TAŞ
yazının devamı >
emre TAŞ
Decompiling and Reverse Engineering .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
Masaüstü mü ? İnternet Mi? .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
.Net Kavramları - .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
Yeni Başlayanlar için - .Net Radyo
emre TAŞ
yazının devamı >
Makale Gönder Bende Yazmak İstiyorum
.net TV RSSBlogroll
Turhal Temizer 'in Blogu
Conda install environment.yml Package 17.9.2019
Turhal Temizer 'in Blogu
Mac OS/X Removing CUDA 17.9.2019
Burak Selim Şenyurt
Hey Raspi! Gerçekten Çok Güçlü Bir Bilgisayara İhtiyacım Var mı? 17.9.2019
Burak Selim Şenyurt
Bir Python Uygulamasını git Tekniği ile Azure Platformuna Taşımak 17.9.2019
  Diğer Herşey
Sponsorlar
BT Akademi
Medya Portakal
Video Hosting Sponsoru
Csharpnedir.com bir Ineta üyesidir
Uzman Abi
Her Yönüyle C# - Sefer Algan
JQuery Ajax ile Pagemethod Kullanımı
 
Kapat
Sayfayı Yazdır Sık Kullanılanlara Ekle Arkadaşıma Gönder MySpace Del.Ico.Us Digg Facebook Google Mixx Reddit StumbleUpon

Bildiğiniz gibi Ajax ile asenkron data alışverişi yapmanın birden çok yolu var. Bu yazımda sizlere JQuery Ajax ile bir Pagemethod'a nasıl bağlantı sağlarız onu anlatmaya çalışacağım.

Önce jQueryAjax.aspx adlı bir sayfa oluşturalım. Bu sayfanın code behind yani .cs dosyasına geçelim ve bir metot ekleyelim ama bu metota WebMethod özelliği vereceğiz ki Ajax ile bu metoda direk bağlantı kurabilelim.

jQueryAjax.aspx.cs

[System.Web.Services.WebMethod]
public static string KarsilamaMesaji(string AdSoyad)
{
      return "Hoşgeldiniz " + AdSoyad;
}



jQuery.aspx

<div id="result"></div>

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    $.ajax({
       type:
'POST',
       url: 'jQueryAjax.aspx/KarsilamaMesaji',
       data:
'{ "AdSoyad":"Doğuhan Aydeniz" }',
       contentType: 'application/json; charset=utf-8',
       dataType:
'json',
       success: function(result) {
          $(
'#result').html(result.d);
       },
       error:
function() {
          alert('Bağlantı sırasında bir sorun oluştu. Yeniden deneyin');
       }
   });
});
</script>


Ne yaptık?
jQuery.aspx sayfasının ilk satırında Ajax metodumuzdan dönen sonuçları içine yazdırmak için ID'si "result" olan bir div yerleştirdik.

İkinci satıra baktığımızda jquery.com'dan son sürümünü indirdiğim jquery kütüphanesini sayfama ekledim.

3'ncü satırdan itibaren şunu dedim; sayfa hazır olduğunda git jQuery Ajax metodunu, bu özelliklerle çalıştır ve duruma göre başarılıysa sonucu result div'inin içine yazdır eğer bir sorun yaşanmışsa kullanıcıya uyarı kutusu çıkar.

Peki Normal bir Ajax işleminden nesi farklı?
Kullandığımız Ajax metoduna verdiğimiz özeliklere bakacak olursak
- url kısmında bir sayfa ismi veriyoruz ve sonuna /KarsilamaMesaji yazıyoruz. Bu bizim o sayfanın .cs dosyasında yer alan web methodumuzun adı.
- data kısmında ise KarsilamaMesajı adlı web methodumuzun bizden istemiş olduğu parametreye değer gönderiyoruz.
- contentType ve dataType kısımlarında dönecek olan sonuç json türünde olacağı için bunu belirtmemiz gerekiyor.
- result.d bu farklı kullanımın sebebi json türünden data alışverişi yaptığınız zaman kullanılan dönen sonucun içerisindeki dataya erişmek için kullanılır.

Makale:
JQuery Ajax ile Pagemethod Kullanımı Kodlama Doğuhan Aydeniz
  • Yazılan Yorumlar
  • Yorum Yaz
EYL
19
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
19
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
EYL
18
2015
Merhaba Master ın cs kısmında bu kodları kullanabilir miyim? Aspx sayfasında problem yok masterda metoda ulaşamadı.
Sayfalar : 1 2 
Yorum yazabilmek için üye girişi yapmalısınız. Üye girişi için tıklayın.
Üye değilseniz Üyel Ol linkine tıklayarak üyeliğinizi hemen başlatabilirisniz.
 
  • Bu Konuda Son 10
  • Eklenen Son 10
  • Bu Konuda Geçmiş 10
Bu Konuda Yazılmış Yazılmış 10 Makale Yükleniyor
Son Eklenen 10 Makale Yükleniyor
Bu Konuda Yazılmış Geçmiş Makaleler Yükleniyor