Ahmet Can Topal Logo

Ahmet Can Topal.com

menu

JQuery'de GET ve POST İşlemleri

Konuya başlamadan önce GET ve POST işlemlerinin ne olduğuna dair kısa bir açıklama yapalım. GET ve POST, HTTP (Hypertext Transfer Protocol) yöntemleridir ve web sayfaları arasında iletişim kurmak için kullanılırlar.


GET ve POST metotları arasındaki fark nedir?


GET Metodu Nedir? GET, HTTP protokolünde bir istek yöntemidir. Sunucudan belirli bir kaynağı (genellikle bir web sayfası) almak için kullanılır. Tarayıcıda URL girilerek veya bağlantıya tıklanarak bir GET isteği oluşturulur. Sunucu, istemciye istenen kaynağı yanıt olarak gönderir.


POST Metodu Nedir? POST metodu, HTTP protokolünde bir istek yöntemidir. Bir istemcinin sunucuya veri göndermek için kullanılır. Genellikle bir HTML formundan gönderilen verileri işlemek için kullanılır. Veriler, URL'nin bir parçası olarak değil, HTTP isteği gövdesinde taşınır.


Temel olarak GET ve POST arasındaki fark GET metodu kullanıldğında veriler URL üzerinden açık bir şekilde sunucuya iletilirken, POST metodunda veriler sunucuya gizli bir protokol üzerinden iletilir.


jQuery, JavaScript tabanlı bir kütüphanedir ve web geliştirme süreçlerini kolaylaştırmak için birçok kullanışlı fonksiyon içerir. GET ve POST işlemleri, HTTP protokolü üzerinden sunucu ile iletişim kurmak için kullanılır ve jQuery bu işlemleri yapmak için $.get() ve $.post() gibi fonksiyonlar sunar.


Nasıl Kullanılır?

  • GET Metodu:


    $("form#getform").submit(function(){
     $.get("islem.php", function(datas, statusCode){
      console.log("Veriler: "+datas);
      console.log("Status: "+statusCode);
     });
     return false;
    });

    Yukarıdaki örnekte getform id'li form nesnemiz submit edilidiğinde sayfamız yenilenmeden $.get metodu ile verilerimizi islem.php dosyamıza iletmiş olduk. php dosyamızda işlem yaptıktan sonra dönen değerlerimizide console.log() ile konsol ekranımıza yazdırmış olduk. Burada dikkat edilmesi gereken husus return false; değerini belirtmezsek formumuz normal olarakta submit olacğından sayfamız yenilenecek ve işlem gerçekleşmeyecektir.


  • POST Metodu:


    $("form#getform").submit(function(){
     $.post("islem.php", function(datas, statusCode){
      console.log("Veriler: "+datas);
      console.log("Status: "+statusCode);
     });
     return false;
    });

    Yukarıdaki örnekte getform id'li form nesnemiz submit edilidiğinde sayfamız yenilenmeden $.post metodu ile verilerimizi islem.php dosyamıza iletmiş olduk. php dosyamızda işlem yaptıktan sonra dönen değerlerimizide console.log() ile konsol ekranımıza yazdırmış olduk. Burada dikkat edilmesi gereken husus return false; değerini belirtmezsek formumuz normal olarakta submit olacğından sayfamız yenilenecek ve işlem gerçekleşmeyecektir.


Örnekler aynı gibi görünebilir zaten kullanım farkı bulunmamaktadır sadece gönderim metodumuzu GET ve POST olarak değiştirmiş olduk.


JQuery'de GET ve POST İşlemleri