Gündüz Can YILMAZ

Formları ajax olarak gönderip almak için kullanılan bir eklenti. Aslında ihtiyaç duymuyordum ama favicon oluşturucu aracın formunu JQuery'e bağlarken farkettim ki, $.ajax veya $.post ile yolladığım formlarda, dosyalar yerine ulaşmıyor. Ne yapabileceğime bakarken, ajaxForm eklentisini farkettim.

Eklentiyi buradan indirebilirsiniz. Kullanımı ise $.ajax ve $.post a göre oldukça kolay.

$("#form_id").ajaxForm({
target: "#sonucun_yazacagi_div_id"
}); 

Bu şekilde kullandığınız da yeterli olacaktır. Validate eklentisi ile de beraber kullanılabiliyor. form elementlerine "submit" ismini vermemeniz gerekiyor. Bunu yaptığınız zman, tüm form elemanlarını sorunsuzca yerine ulaştırıyor. Test etmek için  favicon oluşturucuma bakabilrisiniz.

Biraz daha detaylı örnek verecek olursak,

$("#form_id").ajaxForm({
url: "kaydet.php", // yeni action değerimiz
target: "#sonuc", // sonucun yazılacağı div
beforeSubmit: function () { // form submit başladığı an çalışıyor
$('#sonuc').html('Lutfen Bekleyiniz');
},
success: function () { // form başarıyla yollandıysa çalışıyor
alert('Tesekkur Ederiz');
}, 
error: function () { // hata oluıştuysa çalışıyor
alert('Malesef Bir Hata oldu');
$('#sonuc').html('');
}
});