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
