Html Formları Ajax Form’a Dönüştürmek

Share Button

Evde kod yazmayı özlemişim. Arada işi gücü bırakıp birşeyler yazmak keyif verici.
***
AjaxForm, dilediğiniz html form objesinin basitce ajax form olarak çalışmasını sağlar.
Kütüphaneyi aşağıdaki github reposundan temin edebilirsiniz :
https://github.com/ibrahimgunduz34/ajaxForm

Örnek Kullanım :
Sayfamıza bir adet form ve içine birkaç alan ve submit butonu ekliyoruz.

<form action="mypostpage.php" method="POST" class="ajax-form">
  <input type="text" name="field1" />
  <input type="submit" value="send" />
</form>

Formumuzu ajax form a dönüştürüyoruz.

$('.ajax-form').ajaxForm();

Olaylar:
Formun submit edilmesi öncesi ve sonrası olaylarını aşağıdaki gibi yakalayabilirsiniz :

$('.ajax-form').ajaxForm({
  beforeSend : function() {
    //formun gonderilmesi oncesinde yapmak 
    // istediklerinizi bu metoda yazin.
  },
  /**
  * form verisinin iletimi sonlandiginda cagirilir.
  * @param string data 
  * @param string status [success|fail]
  */
  afterSend : function(data, status) {
    //form verisi iletildiginde yapilmasini 
    //istediklerinizi bu metoda yazin.
  }
});
Share Button

About İbrahim Gündüz

1983 yılında İstanbul’da doğdu. İlkokul yıllarında cobol ve basic le olan tanışması, yazılıma olan ilgisini arttırdı 2005 yılında. Uludağ Üniversitesi Teknik Bilimler Meslek Yüksek Okulu Elektronik bölümünden mezun olan Gündüz, çeşitli alanlarda faaliyet gösteren kurumlarda yazılım geliştirici olarak görev almıştır. Mesleki ilgi alanları, ölçeklenebilir sistemler, uygulama entegrasyonları ve ödeme sistemleridir. Halen Markafoni back end geliştirici olarak çalışmaktadır.

Bir Cevap Yazın

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