Php ile sayfa yenilemeden ajax kullanımına örnek vereceğim
Örneğimizde 2 tane sayfa oluşturuyoruz;
1-) Php kodlarımızın bulunduğu, veritabanına bağlanıp kayıt eklemeyi sağlayan sayfa(haberekle.php)
2-) Asıl görünecek olan ve ajax kodlarının bulunduğu sayfa(index.htm)
Örneğe başlamadan önce şunu da belirteyim, bu şekilde kullanım sadece mantığı kavramanız içindir, oluşacak güvenlik açıklarını önlemek için php dosyanıza çeşitli filtrelemeler koymanız gerekir, bunlara değinmiyorum
haberekle.php içeriği;
<?php //haber değişkenine posttan gelen datayı aktardık $haber = $_POST['haber']; //haber değişkenindeki değeri veritabanına yazdırdık mysql_query("insert into haberler (haber) values ('$haber')");
Php tarafında post ile gelen değeri veritabanına yazıyoruz
mysql_query yi kullanmadan önce veritabanı bağlantısı kurmayı unutmayın
index.htm içeriği;
<!doctype html> <!-- Sayfaya jquery kütüphanesini dahil ediyoruz --> <script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2014/06/jquery-1.11.1.min.js"></script> <script> function veritabaninaYaz(){ var deger = $("#inputDeger").val(); $.post("haberekle.php", {haber: haber}); $("#inputDeger").val(''); alert('kayıt gönderildi'); } </script> <input type="text" id="inputDeger"> <input type="button" value="Gönder" onclick="veritabaninaYaz();">
JavaScript tarafında text inputta bulunan değeri post ile php sayfasına gönderiyoruz, daha sonra inputtaki değeri silip, ekrana kayıt gönderildi şeklinde uyarı verdiriyoruz