Asp.Net(C#) En basit Ajax uygulaması

Ajax ile çok basit bir uygulama...

Merhaba Arkadaşlar,

Bu konuda bir arkadaşımızın yarım yayınladığı bir ders var dersler arasında. Başka bir arkadaş da keşke tamamlansaymış şeklinde bir yorum yapmış. Ben de bunun üzerinde bu basit dersi hazırladım.

Basit bir uygulama olmasına rağmen nerden başlayacağını bilmeyenler için faydalı olacaktır.

Öncelikli olarak sayfaya en basit halinden 1 Label,1 textBox ve 1 Button ekleyelim.

Butona tıkladığımızda TextBox içeriğini Label'e yazdıralım.Bunu Ajax kullanmadan yaptığımızda sayfamızın yenilendiğini görürüz.Ancak Ajax (UpdatePanel) ile yaptığımızda ise sayfamızın tamamının değil de sadece UpdatePanel kısmının içerdiği alanların yenilendiğini görürüz.


<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        <br />

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <br />

        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

        <br />

        </ContentTemplate>

        </asp:UpdatePanel>

    </div>

    </form>

</body>



Yukarda görüldüğü üzere Birer tane ScripManager ve UpdatePanel mecvut sayfamızda.Ajax uygulamalarının çalışabilmesi için ScriptManagere ihtiyacımız var,aksi halde hata alırız.UpdatePaneli ekledikten sonra

<ContentTemplate></ContentTemplate>



Açıp yenilenmesini istediğimiz alanları bu araya yerleştiriyoruz.ContentTemplate kullanmazsak gene hata alırız. Neyse formumuz bu durumda olduğu halde, buton'un event'ine aşağıdaki kodları yazıp çalıştırdığımızda sayfanın yenilenmeden çalıştığını göreceğiz.


protected void Button1_Click(object sender, EventArgs e)

        {

            Label1.Text = TextBox1.Text;

        }



Çok basit bir uygulama ile Ajax a giriş yapmış olduk.Bunu geliştirmek tabii ki herşey gibi sizin elinizde.

İyi çalışmalar...
  • Etiketler;
Murat Karakoyun
İstanbul Üniversitesi Bilgisayar Mühendisliği bölümü mezunu. Şu anda özel bir firmanın Bilgi İşlem ve Yazılım Geliştirme departmanında çalışıyor. Asp.Net (CSharp), MsSQL, HTML, CSS, Photoshop biliyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git