Jquery İle Veritabanına Kayıt
Jquery İle Veritabanına Kayıt
Jquery, web geliştirme sürecini daha kolay ve hızlı hale getiren bir JavaScript kütüphanesidir. Bu yazıda, Jquery kullanarak bir web sayfasındaki form verilerini alarak veritabanına kaydetmeyi öğreneceğiz.
Bir web sayfasında bir form olduğunu ve bu formda kullanıcının ad, soyad ve e-posta gibi bilgileri girmesi gerektiğini hayal edelim. Bu bilgileri Jquery kullanarak veritabanına kaydedebiliriz.
İlk olarak, Jquery’i web sayfamıza dahil etmemiz gerekiyor. Bunun için Jquery’in en son sürümünü indirebiliriz. Ardından, <script>
etiketi kullanarak Jquery’i sayfamıza dahil ediyoruz.
Sonraki adım, formun submit olayını yakalamaktır. Form submit edildiğinde, Jquery kullanarak formdaki verileri alıp bir değişkene atayabiliriz. Bunun için .serialize()
fonksiyonunu kullanabiliriz.
Örnek bir Jquery kodu:
“`html
var formData = $(this).serialize();
$.ajax({
type: 'POST',
url: 'kaydet.php',
data: formData,
success: function(response) {
alert('Veritabanına kaydedildi!');
},
error: function() {
alert('Kaydetme işlemi başarısız oldu.');
}
});
});
});
“`
Bu örnekte, Jquery kullanarak form submit olayını $('#myForm').submit()
ile yakalıyoruz. Form submit edildiğinde, event.preventDefault()
fonksiyonu ile sayfanın yenilenmesini engelliyoruz. Sonra, formdaki verileri .serialize()
fonksiyonu ile alıyoruz ve bir değişkene atıyoruz.
Daha sonra, $.ajax()
fonksiyonunu kullanarak verileri bir PHP dosyasına gönderiyoruz. Bu örnekte, verileri kaydet.php
dosyasına gönderiyoruz.
PHP dosyasında, veritabanına kaydetme işlemini gerçekleştiriyoruz. Jquery’in $.ajax()
fonksiyonu bize işlemin başarılı olup olmadığına dair bir dönüş sağlar. Başarılıysa, bir mesaj görüntülemek için success
fonksiyonunu kullanabiliriz. Başarısızsa, bir hata mesajı görüntülemek için error
fonksiyonunu kullanabiliriz.
Jquery kullanarak bir web sayfasındaki form verilerini veritabanına kaydetmek oldukça kolaydır. Bu yöntemle, web uygulamalarınızı daha etkileşimli hale getirebilir ve kullanıcılara daha iyi bir deneyim sunabilirsiniz.
Bu yazıda, Jquery kullanarak bir web sayfasındaki form verilerini alarak veritabanına kaydetmeyi öğrendik. Jquery’in kolay kullanılabilirliği ve hızı, web geliştirme sürecini önemli ölçüde iyileştiren birçok özelliğiyle dikkat çekiyor. Artık siz de Jquery kullanarak form verilerini veritabanına kaydedebilirsiniz.