mehmetduran.com - Paylaşmak Güzeldir...
Jquery ile Asp.net Sayfasına Ajax İsteğinde Bulunma
Bu yazımda Jquery ile Ajax işlemlerinde direk olarak sayfamıza Ajax isteğinde bulunmayı göstermeye çalışacağım. Daha önce Jquery ile Ajax işlemlerinde genelde metotları, ashx (generic handler) dosyalarını ve web servisleri kullanmıştık. Şimdi ise bunlara asp.net sayfamızı ekliyoruz ve Ajax isteğini asp.net sayfamıza yapıyoruz. Böylelikle Jquery ile Ajax işlemlerini daha iyi kavramış olacağız ve daha güzel uygulamalar geliştirebileceğiz. Ayrıca Ajax isteğinde bulunabileceğimiz nesneleri de yani seçeneklerimizi de artırmış oluyoruz. Şimdi bu uygulama için yazmamız gereken Jquery kodlarına bakalım.

Asp.net sayfamıza Ajax isteğinde bulunmak için aşağıdaki html yapısına göre Jquery kodlamasını yapacağız. Ancak şunu belirteyim ki sayfa isteğinde datatype olarak bir tipimiz yok. Daha önce bunu ashx dosyalarına Ajax isteğinde bulunurken görmüştük (Buradaki yazımda). Datatype json olan Ajax isteklerimizi metotlara ve web servislere yapıyorduk. Sayfalara datatype olmadan Ajax isteği yapacağız. Örnek kodlama aşağıdaki gibi olacak.

  //script kodlarımız
  <script type="text/javascript">
    $(document).ready(function(){
      $("#linkler a").click(function(){
        var adres = $(this).attr("href");
        //adres değişkeni sayfa.aspx gibi bir değer oluyor.
        $("#load").show();
        $.ajax({
          type:"post",
          //url'de adres değişkeninden gelen sayfayı belirliyoruz.
          //sonuçta url:"sayfa.aspx" gibi bir değer elde ediyoruz.
          url:adres,
          data:{},
          success:function(msg)
          {
            $("#sonuc").html(msg); //sayfa sonucunu yazdırıyoruz.
            $("#load").hide();
          }
        });
        return false;
      });
    });
  </script>
 
  // html kodlarımız
  <div id="linkler">
    <a href="sayfa1.aspx">Sayfa 1</a>
    <a href="sayfa2.aspx">Sayfa 2</a>
    <a href="sayfa3.aspx">Sayfa 3</a>
  </div>

Görüldüğü gibi eklenen sayfalara istekte bulunup bilgileri elde ediyoruz. İstekte bulunduğumuz sayfada tüm server kodları ve server kontrolleri çalıştırılmış olarak geliyor. Böylece Jquery ile Ajax işlemlerini daha iyi kavramış oluyoruz.

Artık daha iyi uygulamalar geliştirebiliriz. Örnek kodlarını verdiğim ve basit bir uygulama olarak hazırladığım projeyi buradan indirebilirsiniz. Ayrıca buradan da çalışır halini görebilirsiniz.

İyi Çalışmalar.

Mehmet Duran 19 Mart Perşembe 2009 3 5006 4,4
Ajax Asp.net Javascript jQuery Jquery İndir İnternet Proje Generic Handler JSON
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Visual Studio'da Daha İyi Kodlama için Temalar Jquery Bütün Özellikler (E-Book) Jquery ile Tooltip Uygulaması Asp.net MVC'de Dosya Upload İşlemleri (Multi Uploading) Visual Studio'da Jquery Intellisense Kullanımı
Yorumlar
Yorum Yaz
RSS Yorum Takibi
Burak 11 Haziran Cuma 2010 10:25 #1
Çok teşekkürler, çok yararlı bir makale olmuş... :)
Cem Altiner 02 Temmuz Cuma 2010 15:19 #2
Makale için teşekkürler, son zamanlarda .Net ortamında AJAX kullanımı için PokeIn isimli bir kütüphane dikkatimi çekti. Onunla ilgili bir makale hazırlarsanız çok memnun oluruz. adresi (http://pokein.codeplex.com)
Mehmet Duran 02 Temmuz Cuma 2010 15:29 #3
Merhaba. Söylemiş olduğun kütüphaneyi yeni duydum. Ajax ile ilgili olarak gün geçtikçe çok daha fazla kaynak oluşuyor. Ancak bunların hepsini öğrenip kullanmak zor. Bunun yerine bunlardan birini seçip onun üzerine yoğunlaşmak daha mantıklı. Ben şu anda jQuery üzerine yoğunlaştım ve kendimi de geliştirdim. Bunun dışında bir kütüphane ile ilgilenmem şu an için zor görünüyor.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Hata yapmayan bir insan genellikle hiçbirşey yapmıyordur.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009