CF AJAX Fonksiyonları SUBMITFORM
Gönderen : Candan Bilecen (3:53 PM)
0 yorum - Kategori : Coldfusion | Javascript | Ajax
ColdFusion.Ajax.submitForm : Yukarıdaki örnekte CFC sayfaları kullanmıştık fakat buna mecbur değiliz <cfajaxproxy> ile yapılabileceklerin bir kısmı bu fonksiyon ile gerçekleştirilebilir.Tabi yapabileceklerimiz tamamıyla bizim hayal gücümüz ve analiz yeteneğimize kalmıştır.submitForm adından da anlaşılacağı üzere veri girişi veri kontrolü gibi işler için bize yine kendi içinde hazır fonksiyonlar sunmuştur bu etapta ajaxproxyden daha kullanışlı bir hal alır. Bir kullanıcı girişi yaparak bu fonksiyonumuzu deneyelim.
Kayit.cfm adında bir sayfa oluşturalım ve kullanıcımızın kullanıcı adı ve şifresini girebileceği bir form hazırlayalım eğer kullanıcı adı doğruysa kullanıcı bilgilerini görüntüleyelim değilse uyaralım.
<html>
<head>
<cfajaximport>
<!--- cfajaximport kullanılması submitFormda zorunda çünkü dikkat edersiniz onun dışında hiçbir yer ajax tag kullanmadık.--->
<script>
function formuGonder() {
ColdFusion.Ajax.submitForm('girisForm', 'asenkron.cfm', sonuc,
hata);
//submitForm fonksiyonumuzu çalıştıyoruz girisForm gönderilecek olan formu askenkron.cfm gidilecek olan sayfayı sonuc dönen sonucun gönderileceği fonksiyon hata ise gönderdiğimiz sayfada bi hata oluşması durumda mesajın gösterileceği fonksiyon. Aksi belirtilmediği halde Asenkron ' true ' ve gönderim metodu ' post ' olarak seçilecektir.
}
function sonuc(text) // asenkron.cfm'in yazılacağı fonksiyon
{
document.getElementById("icerik").innerHTML = text;
}
function hata(code, msg) // hata fonksiyonu
{
alert("Hata!!! " + code + ": " + msg);
}
</script>
</head>
<body>
<cfform name="girisForm">
<cfinput type="text" value="" name="kullaniciAdi" required="yes" message="kullanıcı adını girin">
<cfinput type="text" value="" name="sifre" required="yes" message="şifre girin">
</cfform>
<a href="javascript:formuGonder()">Giris</a>
<div id="icerik"></div>
<!---Kontrol edeceğimiz ad için ColdFusion içerisinde standart olarak bulunan cfArtGallery veritabanını kullanıyorum ve kontrol edebilmemiz için verileri listeliyorum --->
<cfdbinfo type="tables" datasource="cfartgallery" name="dbdata"><!---cfartgallery içersindeki tabloların adlarını alıyoruz--->
<cfquery name="artistler" datasource="cfArtGallery"><!---cfartgallery içersindeki artists tablosundaki verileri alıyoruz--->
select * from artists
</cfquery>
cfartgallery içersindeki tablo isimleri :
<br>
<cfdump var="#dbdata#">
<br>
artists tablosundaki veriler :
<br>
<cfdump var="#artistler#">
</body>
</html>
kayit.cfm sayfasından gönderilen verilerin kontrol edildikten sonra işlemlerin yapıcalacağı asenkron.cfm’i hazırlayalım. submitForm fonksiyonu bize asenkron.cfm’in içinde neler var ise hepsini gönderecektir.
<cfquery name="kontrol" datasource="cfArtGallery" >
select * from artists where firstname like '#form.kullaniciAdi#' AND thepassword = '#form.sifre#'
</cfquery>
<cfif kontrol.recordcount GT 0>
<cfdump var="#kontrol#">
<cfelse>
<cfoutput>Kullanıcı Adı ve Şifrenizi kontrol ediniz.</cfoutput>
</cfif>
Artık bu örneğimizde çalışmaya hazır..
