Jquery Ders-36 Post ve Get Kullanımı - Ajax
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-36 Post ve Get Kullanımı - Ajax

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(6267)
RAPOR ET
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.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol