Etiket arşivi: javascript ile php haberleştirme

Php – Ajax ile post yapmak

jquery ajax post

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