JSF ve Ajax Kullanım Örneği

ggrtgJava Server Faces Dersleri‘ne devam ediyoruz. Önceki derslerde JSF Html Bileşenleri’ni gördük. Bu yazıda ise bizim işimize yarayacak bir teknolojiyi kullanarak işlemlerimizi daha hızlı şekilde yapmayı göreceğiz.

Kısaca AJAX

Bu teknoloji AJAX’dır. Ajax yani Asynchronous JavaScript and XML’un kısaltması olan teknolojidir.  AJAX’ı kısaca açıklamak gerekirse bir web sayfasındaki veriyi kullanmak için sayfayı yenilemeye gerek kalmadan o veriyi kullanmamıza olanak sağlamaktadır.  Çok kullanılan bir teknolojidir.

Biz bu ders’de ise bu güzel teknolojinin Java Server Faces sayfalarımızda nasıl kullanabiliyoruz bir örnek ile açıklamaya çalışacağım. Bu örneğimiz kullanıcıdan adını ve soyadını alacağız ve Merhaba ad+soyad şeklinde mesaj vereceğiz.İlk yapmamız gereken Bean’imizi oluşturmak. Getter ve Setter metodları olacak bu Bean’imizin adı kullaniciBean.java olacak. kullaniciBean.java Bizim formumuzdan gelicek ad ve soyad değerleri bir mesaj olarak JSF sayfamıza gönderecek.

Bean’imiz tamam bu bölüm bildiğimiz kısımdı. Şimdi sıra JSF sayfamızı oluşturmaya geldi bu sayfada yaptığımız şey bir form içerisinde <h:form> kullanıcıdan ad ve soyadını girmesini isteyeceğimiz bir form yapacağız <h:inputtext> ardından Gönder tuşuna basarak <h:commandButton> değerlerimiz bean’e geçicek ve değerler Bean’de döndürüldikten sonra <h:outputText> ile sonuç ekrana yazdıralacak. Bunlar bildiğimiz kısım. Ancak Buton işlevinin arasında Ajax’ın çalışması için bir ifade ekliyoruz.

Bu ifade Ajax’ın çalışmasını sağlamaktadır. <h:commandButton> ile bu işlemi tetiklemektir.

Bizim uygulamamızda kullanacağımız şekli ise;

şeklinde olacaktır. execute ifadesi bizim değelerimizi işlemesini sağlamak olacak.  render ifadesi ise verdiğimiz işlemi yapmasını sağlayan komuttur. render değerini nereye yazarsak orada işlemesini sağlamaya başlar. Biz bu id’yi outpuText’e yazdığımız için sonuç orada görüntülenecek.

 

1 Yorum

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir