Bu site emekli olmuştur. Arşiv amaçlı olarak BT AKADEMİ sponsorluğunda yayın hayatına devam etmektedir.




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ı : 27599
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Ş
Silindi
emre TAŞ
yazının devamı >
emre TAŞ
silindi
emre TAŞ
yazının devamı >
emre TAŞ
silindi
emre TAŞ
yazının devamı >
emre TAŞ
silindi
emre TAŞ
yazının devamı >
emre TAŞ
silindi
emre TAŞ
yazının devamı >
Makale Gönder Bende Yazmak İstiyorum
.net TV RSSBlogroll
Turhal Temizer
Conda install environment.yml Package 29.3.2024
Turhal Temizer
Mac OS/X Removing CUDA 29.3.2024
Burak Selim Şenyurt
Kurumsal Yazılımcının Oyun Geliştirme ile İmtihanı 29.3.2024
Burak Selim Şenyurt
Matematik ve Oyun Programlama - Missile Command - Final 29.3.2024
  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