Php ve Ajax ile iletişim formu
Bu konumuzda PHP, Ajax ve jQuery ile bir iletişim formu uygulaması nasıl yapılacağını göreceğiz.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>
Şimdide 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($eposta, FILTER_VALIDATE_EMAIL)){
echo "<strong style='color:red'>Lütfen düzgün bir e-mail adresi giriniz</strong>";
exit;
}
$insert= mysql_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>';
}
}
Örnek Gösterim:
Bizi Takip Edin
Pinterest Facebook Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.
Yorum Gönder Blogger Facebook