jQuery Ajax $.get() ve $.post() Metodu

Merhaba dostlar, bu dersimizde jQuery $.get() ve $.post() metodlarını öğreneceğiz.Bu metodların genel anlamda kullanımı ise Get metodunun temelde veri almak için Post metodu ise veri göndermek ve sunucuda işlemek için kullanılır.Post metodu ile de geriye veri return edilebilir.

Ajax ile ilgili örneklermizi görmek isterseniz buraya tıklayabilirsiniz. şimdi hiç vakit kaybetmeden ilk metodumuz olan $.get() metodu ile başlayalım.

jQuery $.get()

Bu metodumuz dediğimiz gibi daha çok veri almak için kullanılır. Şimdi bir örnek yaparak daha iyi kavrayalım.

Öncelikle veri alacağımız bir sayfanın olması lazım. Veri.php şeklinde bir php dosyası oluşturalım ardından $.get() metodumuz ile veriyi çağıralım.

echo "Bu yazıyı döndür";

veri.php dosyamızı oluşturduk. Şimdi jQuery $.get() metodu ile bu verimizi çekelim.

$("button").click(function(){
  $.get("veri.php", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

veri.php sayfamızdaki yazıyı data olarak bu kodumuz ekrana alert olarak yazacaktır. Status ise işlemin başarılı olup olmadığını bize yazacaktır. Eğer işlemimiz başarılı ise mesaj ekranımıza Success şeklinde yazacaktır.

jQuery $.post()

jQuery $.post() metodumuzun veri gönderip sunucuda işlediğini söylemiştik. Ayrıca geriye işlem ile ilgili veride döndürebilir. Şimdi öncelikle post.php şeklinde bir dosya oluşturalım.

$adi = $_POST['Adi'];
$soyadi = $_POST['Soyadi'];

echo $adi . " - " . $soyadi ;

post.php dosyamızı oluşturduk. Şimdi $.post() metodumuz ile veri gönderip sunucuda işletip geri alalım.

$("button").click(function(){
  $.post("post.php",
  {
    adi: "hüseyin",
    soyadi: "yaman"
  },
  function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Yukarıda butona bastığımızda metodumuz çalışacak ve post.php adresine 2 parametreli veri gönderecek. post.php dosyamız bu veriyi işleyip metodumuza geri gönderecek.

Metodumuz data olarak return edilen bu veriyi yazdıracak. Status ise işlem başarılı ise ekranımıza Success olarak yazdıracak.

Herkese kolay gelsin. Örnek üzerinde çalışmalar yapmayı unutmayın 🙂 . Diğer bir derste görüşmek üzere.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares