Bazı internet sitelerinde denk gelmişsinizdir form gönderilince sayfa yenilenmeden veri gönderme işlemi gerçekleşiyor. Birçoğunuzun bildiği gibi bu işlem ajax ile gerçekleşiyor. Küçük bir arama ile internet üzerinde detaylı dökümanlara ulaşabileceğiniz birçok kaynak bulunmakta ancak aramaya üşenenler için genel işleyişi anlatmak adına bir paylaşımda bulunmayı uygun görüyorum. Başlıyalım , sırası ile:

1- İlk olarak sayfamıza jQuery kütüphanesini ekleyerek başlayalım.

 
<script src=”http://code.jquery.com/jquery.js”></script>

2- Verilerin yazılacağı alanı oluşturalım. JQuery post işleminde id değerleri önemlidir. Bu nedenle id değerlerinin benzersiz olmasına dikkat edin. Örnek teşkil etmesi açısından deger1 id’sine sahip bir input oluşturuyorum.

 
<input type=”text” name=”deger1″ id=”deger1″>
<a id=”gonder”>Gönder</a>

3- Verilerin Postlanması için gerekli JQuery kodunu yazıyoruz.

 

$('#gonder').click(function(){ // Gönder'e tıklanmış mı kontrol edelim.
 
// Gelen verileri değişkenlere atıyoruz.
var degisken1 = $('#deger1').val(); // deger1 'i degisken1 değişkenine atadık .
var postla = 'deger1='+degisken1; // Gönderilecek verileri bir değişkende topladık.
$.ajax({ // Ajax işlemini başlatıyoruz.
type:'POST', // Veri gönderme metodunu Post olarak seçiyoruz.
url:'ajax.php', // Verilerin postlanağı adresi belirliyoruz.
data:postla, // Hangi verilerin gönderileceğini belirttik
success:function(geridonut){ // Veri gönderme işleminin başarı durumunu sorguluyoruz.
$("#veriler").html(geridonut); // veriler id'sine ajax.php'den dönen verileri basıyoruz. 
}
});
});

4- Gönderilen değerleri aşağıdaki gibi ekrana basalım

 
<div id=”veriler”></div>

5- Son olarak verilerin gönderileceği ajax.php dosyasını oluşturalım. Bu dosya içerisinde gelen verileri alarak veritabanı işlemleri v.s yaptırabilirsiniz.

 
<?php
header('Content-Type: text/html; charset=utf-8');
$deger1 = $_POST['deger1'];
echo $deger1." adlı bir veri gönderildi.";
?>

İşlem bu kadar. Daha fazla veri göndermek istediğinizde yukarıda mevcut olan alanları arttırarak işleme devam edebilirsiniz. Aklınıza takılan tüm soruları yorum olarak veya e-mail yoluyla bana gönderebilirsiniz.