tagın bitiminden önce yeni oluşturduğumuz java dosyasını html dosyasına dahil ediyoruz.<script></script>
ve javascript dosyalarının çalışması için
<script></script>
bu java dosyasını da dahil etmelisin ki etkileşimde bulunabilelim
Ajax.js dosyasını açtık.$(document).ready(function() { // HTML kodları yüklendiğinde (sayfa hazır olduğunda)
var kadi_degeri = "deneme"; // manuel bir string değer oluşturdum
$.ajax({
type: "POST", // formda ki method gibi GET veya POST değeri belirttik
url: "form.php", // verilerin hangi dosyaya gideceği
data : {"kullaniciadi" : kadi_degeri}, // göndereceğimiz veriler
success: function(sonuc){ // success, işlem bittiğinde demek ve "sonuc" diyerek php dosyasından dönen veriye ulaşmamız için
alert(sonuc); // tarayıcı üzerinden çıktı verdik
}
});
});
Bu şekilde çalıştırdığın zaman sayfa ilk yüklendiğinde ajax aktif hale gelip form.php üzerinden POST türünde işlem yapmaya başlayacaktır. "deneme" adlı bir değer gönderdiğim içinde sayfa yüklenimi bittiğinde tarayıcıdan bir tepki geldiğini görüceksin. Geriye kalan tek şey bunu kendi formuna çevirmen. İster değerleri tek tek ekleyebilir {veri1:değer, veri2:değer} gibi yada data : dizi; şeklinde de tek seferde işi bitirmiş olursun.
Gel gelelim senin formuna ;
Atıyorum iletisim.php adında bir dosyan var form içerik kısmı sadece böyle kalsın ;
Veritabanı kayıt işlemlerini ve if else muhabbetini tamamen kaldır. Formuna extra olarak class ve aynı şekilde submit butonunada bir class verdik ki dışarıdan ulaşabilelim.
ajax.js dosyamızı açtık ve bu şekilde güncelledik ;$(document).ready(function() {
$(".gonderbutonu").click(function() {
var benimformum = $(".benimformum").serialize();
$.ajax({
type: "POST",
url: "form.php",
data: benimformum,
success: function(sonuc){
alert(sonuc);
}
});
return false;
});
});
Son olarak yeni oluşturduğun form.php yi açıp ;if ($_POST) {
$adiniz = $_POST["Name"] ;
$email = $_POST["Email"] ;
$firma = $_POST["Firma"] ;
$telefon = $_POST["Telefon"] ;
$gsm = $_POST["Gsm"] ;
$faks = $_POST["Fax"] ;
$mesaj = $_POST["Message"] ;
$date = date('d.m.Y H:i') ;
require_once("veribağlantıdosyan.php");
$veritabaninakayitet = mysql_query("INSERT into iletisimmesajlari_tb (isim,firmadi,telefon,faks,gsm,eposta,mesaj,okundu,cevaplandi,date) values ('$adiniz','$firma','$telefon','$faks','$gsm','$email','$mesaj','1','1','$date')");
echo "basarili" ;
}
?>
Şeklinde yaptığın zaman sayfan güncellenmeden butona tıkladığında veri eklemiş olacaksın. Haydin kolay gelsin :p