Php ve Ajax ile iletişim formu

Bu dersimizde PHP, Ajax ve jQuery ile bir iletişim formu uygulaması göreceğiz.

Bu dersimizde PHP, Ajax ve jQuery ile bir iletişim formu uygulaması göreceğiz.

Önce veritabanımızı oluşturalım.



Ardından MySQL bağlantımızı oluşturalım:


<?php  

$baglan 
=mysql_connect("localhost","root");

mysql_select_db("denemelerim",$baglan) or die(mysql_error());



mysql_query("SET NAMES 'utf8'");

mysql_query("SET CHARACTER SET utf8");



?> ?>



Şimdi de form.php dosyasını oluşturalım:


<?php  include("ayar.php");?>

<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript">

    </script>

    <script type="text/javascript" src="form.js"></script>

<script type="text/javascript">

        $(function(){

   

        });

</script>

<style type="text/css">

body{

    margin:0;padding:0;font:13px Arial;border:none;

}

#frm{margin-left:30px;margin-top:30px;}

b{color:#559DE6}

#btn{border:none;background-color:#242122;padding:7px;color:#fff;cursor:pointer;}

</style>

<title></title>

</head>

<body>



<form  id="frm">

<b>Adınız:</b><br />

<input type="text" name="adi" placeholder="Adınızı Giriniz" id="kadi"><strong></strong><br />

<b>E-Postanız:</b><br />

<input type="text" name="eposta" placeholder="E-postanızı Giriniz"><br />

<b>Mesleğiniz:</b><br />

<input type="text" name="meslek"  placeholder="Mesleğinizi Girniz"><br />

<b>Mesajınız:</b><br />

<textarea name="mesaj" id="" rows="3" cols="16" placeholder="Mesajınızı Giriniz"></textarea><br />

<input type="button" value="Gönder" id="btn">

<div id="sonuc"></div>

</form>

</body>

</html> ?>



form.js dosyası:


$(function(){

    $("#btn").click(function(){ // id si #btn olan nesneye tıklandığında çalışacak kodları yazıyoruz

       var veri= $("#frm").serialize(); // .serialize() ile formun içinde verileri alıyoruz 

       $.ajax({

        type: "post", // formun methodunu belirliyoruz

        url: "ajax.php",  // nerde kontrol edileceği url'i giriyoruz

        data: veri, // bilgiler 

        success:function(sonuc){ // başarılı olursa #sonuc divinin içine sonucu yazdırıyoruz 

          $("#sonuc").html((sonuc)); 

        }



       });

    });

});



Şimdi ise ajax.php dosyası:


<?php 

/*

* formdan gelen bilgileri $_POST ile çekip gerekli kontroller yapılıp mysql kodlarını yazıp formu bitiriyoruz.

* NOT:güvenlik önemsenmemiştir.

*/

include("ayar.php");

if(
$_POST){

       
$adi     =   $_POST["adi"];

       
$eposta  =   $_POST["eposta"];

       
$meslek  =   $_POST["meslek"];

       
$mesaj   =   $_POST["mesaj"];

    if(!
$adi || !$eposta || !$meslek || !$mesaj){

           echo 
"<strong style='color:red' id='a'>Lütfen boş alan bırakmayın</strong>";

        exit;

    }

    if(!
filter_var($epostaFILTER_VALIDATE_EMAIL)){

        echo 
"<strong style='color:red'>Lütfen düzgün bir e-mail adresi giriniz</strong>";

        exit;      

    }

            

          
$insertmysql_query("INSERT INTO form (ad,eposta,meslek,mesaj) VALUES ('$adi','$eposta','$meslek','$mesaj')");

            if(
$insert){

                echo 
'<strong style="color:green">Bizimle İletişime Geçtiğiniz İçin Teşekkürler... Sayın </strong>'."<strong style='color:#559DE6'>".strtoupper($adi)."</strong> <br /><br />";

                echo 
"<b>İletişime Geçilen İp: </b>".$_SERVER['REMOTE_ADDR']."<br />";

                echo 
"<b>İletişime Geçilen Tarih: </b>".date("d/m/Y")."<br />";

                echo 
"<b>İletişime Geçilen Tarayıcı: </b>".$_SERVER['HTTP_USER_AGENT']."<br />";

            

            }else{

              echo 
'<strong style="color:red">Üzgünüz iLeşim gerçekleşmedi</strong>';

            }

    } 
?>



Örnekten resimler




Kaynak dosyada tüm kodlar mevcuttur çalışmalarınızda başarılar

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git