Web sitenizde oluşturduğunuz formların başka sayfaya yönlenip sonucunu orada göstermek yerine formun olduğu sayfada doğrudan gözükmesini istemez misiniz? Bu şekilde formlar oluşturmak istiyorsanız jquery ile formunuzun verilerini gönderip yanıtı o sayfada verebilirsiniz. Bu şekilde dinamik formları ajax ile de yapabilmek mümkün. Fakat jquery komutları daha pratiktir.
Öncelikle basit bi form oluşturalım.
<form action=”kaydet.php” method=”post”> <input type=”text” name=”isim” /><br /> <input type=”submit” value=”Kaydet” /> </form>
Formumuzda bir tane isim yazabilmek için alan ve formu gönderebilmek için buton bulunuyor. İsterseniz buraya tıklayarak html5 ile gelen input türlerini görebilirsiniz.
jQuery kodlarındaki serialize fonksiyonunu bilmiyorsanız buraya tıklayabilirsiniz.
Daha sonra formu göndermek için jquery kodlarımızı yazalım
$(“form”).submit(function(){ // form submit edildiğinde yani gönderildiğinde
$.post(“kaydet.php”,
$(“form” ).serialize(), // formdaki alanları gönder
function(yanit){ // kaydet.php den gelen değeri yanıt değişkenine ata
alert(yanit); // gelen yanıtı alert ile mesaj kutucuğu şeklinde göster
});
return false; // başka işlem yapma
});
