Merhaba arkadaşlar.Kendimce ufak ufak örnekler ile ajax işlemlerinden bahsetmek istiyorum.Ajax işlemi kabaca sayfa yenilenmeden veri alışverişi olarak adlandırılabilir.

jQueryde ajax işlemeri yapılırken $.ajax fonksiyonundan faydalanılır.

Bu fonksiyonun 20 üzeri parametresi vardır ama bize lazım olacak olan,en azından başlangıç seviyesi için bilinmesi gereken parametreler aşağıdadır.
type: Yapılacak isteğin türü : POST veya GET olabilir
url: Yapılacak isteğin adresi : ajax.php , ?action=arama vs olabilir
data: İstek sırasında gönderilecek bilgi örneğin bir input değeri veya ad=ozer&soyad=gul şeklinde olabilir.
success: İsteğin sonucu başarılı olursa yapılacak işlemler vs..

Basit bir toplama işlemi formunun ajax parametreleri üzerinden gidecek olursak

function _toplamHesapla() { 
    $.ajax({
        type: 'POST',
        url: 'isle.php',
        data: $('form#ornekform').serialize(),
        success: function(hesapCevap) {
            $('#sonuc').html(hesapCevap);
            }
    });
}

Bu ajax isteği POST tipindedir,verileri isle.php ye yollar,veri olarak da ornekform id sine sahip form u serialize eder(o formun içindeki her girdi).Ve de istekten dönen sonuçları #sonuc sınıfının içinde gösterir.

Formun html yapısı şu şekildedir :
Ben ajax isteğini yapmak için _toplamHesapla() adından bir fonksiyon oluşturdum ve submit fonksiyonuna onclick ile ekledim.

<form method="post" id="ornekform" onsubmit="return false">
    <input name="birinci_sayi" type="text" placeholder="Birinci sayıyı giriniz" />
    <input name="ikinci_sayi" type="text" placeholder="İkinci sayıyı giriniz" />
    <input type="submit" value="Hesapla" id="hesapla_buton" onclick="_toplamHesapla()" />
</form>
<span id="sonuc"></span>

isle.php ise şöyle :

<?php
error_reporting(E_ALL & ~E_NOTICE);
ini_set('error_reporting', E_ALL & ~E_NOTICE);
 
$birinci = $_POST[ "birinci_sayi" ];
$ikinci = $_POST[ "ikinci_sayi" ];
if($birinci == '') { 
    echo "Birinci sayıyı giriniz";
} elseif($ikinci == '') { 
    echo "İkinci sayıyı giriniz"; 
}else { 
    $sonuc = $birinci + $ikinci;echo $sonuc; 
}
?>

Sade bir şekilde anlatmaya çalıştım.Bu ajax işlemleri tahmin ettiğiniz gibi zor birşey değildir.
Demo için buraya,dosyaları indirmek için ise buraya tıklayınız.Yazı adresi