Merhaba arkadaşlar bu yazımda sayfa yenilenmeden Ajax ile veri tabanına nasıl veri ekleriz bundan bahsedeceğim. İşlemleri yaparken Ajax -Php ve Mysql kullanacağım.

Ajax İle Sayfa Yenilemeden Veri Tabanına Kayıt İşlemi Nasıl Yapılır ?

Merhaba arkadaşlar bu yazımda sayfa yenilenmeden Ajax ile veri tabanına nasıl veri ekleriz bundan bahsedeceğim. İşlemleri yaparken Ajax -Php ve Mysql kullanacağım.

Öncelikle kullanıcıdan veri alacağımız bir form oluşturuyoruz. Bir adet yazı alanı ve bir buton koydum içerisine butona tıklandığı zaman verileri post ile gönderilecektir.

      <div id="kategoriEkleAlert"></div> 

        <form id="kategoriEkleForm" method="post">
                           
             <input id="email" type="text" placeholder="Email Adresiniz" name="email">
                                 
              <input type="submit" id="AboneOl"  value="Abone Ol"/>
                                    
                         
        </form>

Aynı sayfa içerisinde script tagları arasında ajax ile olan işlemlerimi gerekleştiriyorum. Aşağıdaki kodda url kısmında formdan almış olduğumuz verileri hangi sayfaya göndereceğimizi gösteriyor.  Success kısmında gelen cevaba göre ekrana çıktı veriyoruz.

<script type="text/javascript">
    
    $("#AboneOl").on("click", function (event) {

     event.preventDefault();

    var data = $('input[name="email"]').val();
    $.ajax({
        url: "aboneol.php?islem=ekle",
        type: "POST",
        data: "deger="+data,
        success: function (cevap) {
            $("#kategoriEkleAlert").html(cevap).hide().fadeIn(700);
            $("#AboneOl").addClass("btn btn-danger");
            $("#email").hide(1000).fadeIn(3000);
            $("#AboneOl").hide(1000).fadeIn(3000);

        }
    });
});

</script>

Jquery kodlarımızda verileri aboneol.php adında bir dosyada kaydedeceğimizi söyledik. aboneol.php adında bir php dosyası açıyoruz. Bu dosya içerisinde veri tabanı işlemlerini gerçekleştiriyoruz. Veritabanı işlemlerini  siz kendinize uyarlayacağınızı düşündüğüm için veritabanı bağlantı kısımlarını geçiyorum.

<?php   
 

 if($_GET['islem']=="ekle"){
        
          $email=$_POST['deger'];
          if(filter_var($email,FILTER_VALIDATE_EMAIL)==true){

            $ekle=$db->prepare("INSERT INTO abone SET email=:email");
            $basarili=$ekle->execute(array("email"=>$email) ); 
            if($basarili){
                 echo "Siteme abone oldunuz yeni gönderilerden haberdar olacaksınız.";
            }else{
            	 echo "Bu email ile zaten önceden kayıt oldunuz.";
            }
           
          }else{
          	echo "Email düzgün formatta değil.";
          }
          
        
}   
?> 

Yukarıda gelen veriyi kontrol ettikten sonra eğer gelen veri bir email adresi formatında ise veritabına veri kaydetme işlemini gerçekleştiriyor.

Bu işlemler sayfa yenilenmeden Jquery ajax sayesinde yapılıyor. Eğer nasıl çalıştığını kontrol etmek isterseniz bulunduğunuz sayfada en alt kısımda bulunan Abone ol butonuna tıklayarak test edebilirsiniz.

Diğer yazılarımda görüşmek üzere ...

Bu Gönderiyi Paylaş

İçerik Hakkında Yorum Yapın

www.000webhost.com