close

AJAX ve jQuery- İstekleri ve Veri Etkileşimini İşleme

AJAX(Eşzamansız JavaScript ve XML), web sayfasının tamamını yeniden yüklemeye gerek kalmadan tarayıcı ve sunucu arasında iletişim ve veri alışverişine izin veren bir teknolojidir. jQuery, AJAX isteklerini gerçekleştirmek için uygun yöntemler ve işlevler sağlar. AJAX'ı jQuery ile kullanmanın bazı örnekleri:

 

$.ajax() yöntem

Yöntem $.ajax(), sunucuya AJAX istekleri yapmanızı sağlayan çok yönlü bir yöntemdir. URL'yi belirtme, istek yöntemini(GET, POST, vb.), başarı ve hata geri aramalarını işleme ve daha fazlası gibi, isteğinizi özelleştirmek için çeşitli seçenekler sunar. AJAX isteği üzerinde ayrıntılı denetime ihtiyacınız olduğunda bu yöntemi kullanabilirsiniz.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});

 

$.get() yöntem

Yöntem $.get(), sunucuya bir GET isteği yapmak için kestirme bir yöntemdir. İstek yöntemini otomatik olarak GET olarak ayarlayarak ve başarı geri aramasını işleyerek süreci basitleştirir. Bu yöntemi yalnızca sunucudan veri almanız gerektiğinde kullanabilirsiniz.

$.get("data.php", function(response) {  
  // Handle successful response data  
});

 

$.post() yöntem

Yönteme $.post() benzer $.get(), ancak özellikle sunucuya bir POST isteği gönderir. Form verilerini veya diğer parametreleri sunucuya göndermek istediğinizde yararlı olan istekle birlikte verileri iletmenize olanak tanır.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});

 

$.getJSON() yöntem

Yöntem $.getJSON(), sunucudan JSON verilerini almak için kullanılır. İstek yöntemini otomatik olarak GET olarak ayarlayan ve sunucunun bir JSON yanıtı döndürmesini bekleyen kestirme bir yöntemdir. JSON verilerini alma ve bunlarla çalışma sürecini basitleştirir.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});

 

$.ajaxSetup() yöntem

Yöntem $.ajaxSetup(), gelecekteki tüm AJAX istekleri için varsayılan ayarları yapılandırmanıza izin verir. Örneğin, varsayılan başlıkları ayarlayabilir, veri türünü belirtebilir veya kimlik doğrulama seçeneklerini yapılandırabilirsiniz. Bu yöntem, birden çok AJAX isteğine uygulanan ortak seçenekleri ayarlamak istediğinizde kullanışlıdır.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});

 

$.ajaxPrefilter() yöntem

Yöntem $.ajaxPrefilter(), gönderilmeden önce AJAX isteklerini değiştirmek için kullanılır. Bir AJAX isteğinin seçeneklerini önceden işlemenize ve bunları ihtiyaçlarınıza göre değiştirmenize olanak tanır. Bu, özel başlıklar eklemek, verileri değiştirmek veya istekleri yakalamak için yararlı olabilir.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});

 

Bu yöntemler, jQuery'de AJAX istekleriyle çalışmak için farklı yollar sağlar. Özel gereksinimlerinize bağlı olarak, ihtiyaçlarınıza en uygun yöntemi seçebilirsiniz. jQuery, dinamik ve etkileşimli web uygulamaları oluşturmanıza izin vererek, AJAX isteklerinde bulunma ve yanıtları işleme sürecini basitleştirir.