AJAX-TR.COM | Türkçe AJAX Kaynağı

Form.serialize() Metodu

Özellikle Ajax uygulamalarında bir formdan elde ettiğimiz verileri "XMLHttpRequest" nesnesi aracılığı ile sunucuya göndermemiz gerektiği durumlarda, bu fonksiyon ile yine ID'si aracılığıyla form verilerini bir sorgu cümlesi halinde elde edebilmekteyiz.

function VerileriAl(formid)  {
       var formverisi = Form.serialize(formid);
       // request işlemleri vs.
       alert(formverisi);
 }

Biraz önce $F() fonksiyonunun radyo düğmelerinde sorunlu olduğunu belirtmiştik. Fakat "Form.serialize()" fonksiyonu bu konuda gayet sorunsuz bir biçimde çalışmakta ve seçili değeri döndürmektedir.

Form işlemleri için bütün fonksiyonlar bunlar değiller, daha kapsamlı bilgi için; Sergio'nun dokümantasyonuna veya Prototype API dokümantasyonuna göz atabilirsiniz. Genel olarak:

• Form.enable: Bir formdaki tüm form elementlerinin aktiflik durumunu aktif olarak ayarlar.
• Form.disable: Bir formdaki tüm form elementlerinin aktiflik durumunu devredışı olarak ayarlar.
• Form.serialize: Yukarda anlatıldı.
• Form.serializeElements: Form elemanlarını ve değerlerini bir dizi şeklinde döndürür.
• Form.getElements: Yukarda anlatıldı.
• Form.getInputs: Belirttiğiniz türdeki yada isimdeki (belirtilmezse tüm form inputları) bir seri değişken olarak döndürür.
• Form.findFirstElement: Belirtilen formdaki ilk elementi bulup döndürür.
• Form.focusFirstElement: Kursörü belirtilen formdaki ilk elemente odaklar.
• Form.reset: Formdaki tüm elementleri sıfırlar.

Form.Element ile Form Elemanlarının Kontrolü

Form nesnesi ile bir form etiketi ve içeriği üzerinde değişiklikler yapabildiğimizi görmüştük. Biraz daha özel olarak bir form elemanının özellikleri üzerinde değişiklik veya form elemanından bilgi elde etme gibi işlemleri de "Form.Element" metotları ile yapabilmekteyiz. Başlıca metotlar:

• Form.Element.activate: ID'si verilen form elemanına kursörü odaklar ve bir metin alanı ise içeriğini seçer.
• Form.Element.clear: Form elemanının içeriğini temizler.
• Form.Element.disable: Form elemanını devre dışı bırakır.
• Form.Element.enable: Form elemanını aktive eder.
• Form.Element.focus: Form elemanına kursörü odaklar
• Form.Element.getValue: Form elemanının değerini verir. Genelde bir metin döndürür. Çoklu seçime olanak tanıyan elemanlarda bir dizi döndürür.
• Form.Element.present: Metin alanı bir içeriğe sahipse "true" aksi taktirde "false" döndürür.
• Form.Element.select: Bir metin alanı içindeki o anki metni seçer.
• Form.Element.serialize: Form elementi için "isim=deger" şeklinde sorgu cümlesi parçacığı üretir.

Örnek bir kullanım:

Devam edecek ...

Sayfalar: 1 2