Asp.net ajax kurulumu ve kullanımı hakkında detaylı bilgi edineceğimiz bu yazıda ilkönce asp.net ajax kurulumunu inceleyeceğiz. Microsoft tarafından asp.net geliştiricileri için visual studio programına ek bir araç olarak (asp.net ajax tool) sunulan bu eklentiyi http://www.asp.net/ajax/ adresinden inceleyebilir ve downlaod bölümünden asp.net ajax eklentisini indirebilirsiniz.

Asp.net ajax eklentisini indirdikten sonra kullanabilmeniz için bilgisayarınıza yüklemeniz gerekir. Aynı şekilde bu eklentiyi sadece asp.net ajax kurulu olan serverlarda veya hostinglerde kullanabilirsiniz. Asp.net ajax eklentisini kurduktan sonra visual studio programını çalıştıralım. File >> new >> web site yolunu izledikten sonra açılan pencerede ASP.NET AJAX-Enabled web site adında yeni bir seçenek daha göreceksiniz.

Asp.net Ajax enabled web site seçeneğini işaretleyerek ok butonuna tıklayalım. Oluşturulan default.aspx sayfasının source kısmına baktığımızda <asp:ScriptManager ID="ScriptManager1" runat="server" /> gibi bir ifade göreceksiniz. Bu ifadeyi asp.net ajax istediğimiz bütün sayfalarda kullanmamız gerekecektir. Asp.net ajax kullanmak istediğiniz sayfalarda formun hemen altına yukarıdaki ifadeyi yazmanız yeterli olacaktır. Design tarafına geçip toolbox'a bir göz atalım. Toolboxın en altında Ajax extensions adında bir sekme daha göreceksiniz. Bu sekme bizim asp.net ajax'ı kullanmamız için çeşitli araçlar içerir.

Ajax extensions sekmesinde Timer, script manager, script manager proxy, update progress, update panel isimlerinde araçlar bulunur. İlk önce en önemlisi olan update panel aracının kullanımından başlayacağız. Ajax extensions sekmesindeki update panel aracını fareyle sayfamıza sürükleyip bırakalım. Sayfaya bıraktığımız update panelin içinede bir textbox bir buton birde label koyalım. Görüntü aşağıdaki gibiyse kod yazmaya başlayabiliriz.

Update panele eklediğimiz butona çift tıklayarak butonun onClick kodunu oluşturalım ve içine aşağıdaki kodları yazalım.

Label1.Text=TextBox1.Text;

Projeyi çalıştırıp textboxa birşeyler yazıp butona tıklayalım. Gördüğünüz gibi sayfa yenilenmeden textboxtaki yazıyı label'a atamış olduk. Bu işlemi database kayıtları sırasında veya aklınıza gelebilecek her uygulama sırasında kullanabilirsiniz.

Bu yazıda asp.net ajax kurulumu ve kullanımına giriş yapmış olduk. Konu ile ilgili bidahaki yazıda asp.net ajax kullanımı ve araçları hakkında daha detaylı bilgiler edinip uygulamalar yapacağız.

Asp.net ajax file upload