Jquery dersleimize devam ediyoruz.Bu derste birer ajax methodu olan
post ve
geti anlatacam.Ajax bildiğiniz gibi sayfa yenilemeden arkaplanda görünmez bir sayfayı çağırıp,buna veri yollayıp,orada işlendikten sonra veriyi alabilmemize yarıyor.Veriyi post olaak göndermek istersek postu get olarak göndermek istersek get methodunu kullanırız.
İndir : http://ustaderslik.com/dosya/ajax%20post%20ve%20get.zip
1-Post
Post methodunun temel kullanımı şu şekilde :
$.post("çağırılacak sayfa",{"değişken":"veri","değişken2":"veri2",...},function(veri){
//işlem
})
İlk parametrede çağırılacak sayfayı yazıyoruz.İkinciye ise gönderilecek verileri yazıyoruz.Php bilginiz var ise post methodu ile veri alırken nameleri kullanırız.Yukarıda değişken yazdığım yer bu name oluyor.Karşısındaki de değeri.Veri göndermek zorunlu değil.
Son kısım ise veri alındaktan sonra yapılacak olan işlemler.Gelen veri diğer sayfada ekrana ne basıldıysa odur.Bu veriyi yukarıda veri değişkeni olarak aldım.Oraya istediğiniz değişken ismini yazabilirsiniz.
2-Get
Getin kullanımı post ile aynıdır.Tek farklı yanı post yerine get yazmaktır.Kullanımı şu şekilde :
$.get("çağırılacak sayfa",{"değişken":"veri","değişken2":"veri2",...},function(veri){
//işlem
})
Php bilginiz varsa get ile veri yolladığımızda tüm veriler browserın site arama alanına yazılır.O yüzden post kullanmak daha iyidir.Burada da post kullanmanız tavsiyem.
Genel örnek :
index.php
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
$("#post").click(function(){
$.post("post.php",{"isim":"cArleone"},function(post_veri){
$(".veri").text(post_veri);
})
})
$("#get").click(function(){
$.get("get.php",{"site":"UstaDerslik.com"},function(get_veri){
$(".veri").text(get_veri);
})
})
})
</script>
</head>
<body>
<button id="post">post ile veri al</button>
<button id="get">get ile veri al</button>
<div class="veri"></div>
</body>
</html>
post.php
<?php
$isim=$_POST["isim"];
echo "İsminiz :".$isim;
?>
get.php
<?php
$site=$_GET["site"];
echo "Siteniz :".$site;
?>
Post ile veri al tıklarsanız ekranda
İsminiz :cArleone yazacak.get ile veri al tıklarsanız
Siteniz :UstaDerslik.com yazacaktır.Yaptığımız şey sayfa yenilemeden arkadaki dosyaya veri yollayıp ,orda veriyi alıp işleyip veriyi geri gönderme.