jQuery’de URL Çekme Tekniklerini Öğrenme

jQuery kodunuzda geçerli URL’yi verimli bir şekilde almak, dinamik olarak içerik güncellemek veya özel navigasyon uygulamak gibi birçok web geliştirme görevi için çok önemlidir. Bu kılavuz, en etkili yöntemleri inceleyerek farklılıklarını ve en iyi kullanım durumlarını açıklamaktadır.

İçindekiler:

• Yöntem 1: window.location.href kullanımı
• Yöntem 2: document.URL kullanımı
• Yöntem 3: URL’yi Parçalama
• En İyi Uygulamalar ve Hususlar

Yöntem 1: window.location.href kullanımı

Bu, en basit ve en yaygın kullanılan yaklaşımdır. window.location.href, protokolü, etki alanını, yolu ve sorgu parametrelerini içeren geçerli sayfanın tam URL’sini doğrudan döndürür.

$(document).ready(function() {
  let currentURL = window.location.href;
  console.log(currentURL); // Tam URL'yi döndürür
  $("#myElement").text("Geçerli URL: " + currentURL);
});

Yöntem 2: document.URL kullanımı

document.URL, tüm URL’yi döndürerek window.location.href ile işlevsel olarak aynı sonucu sağlar. Daha az yaygın olmasına rağmen, mükemmel bir seçenek olmaya devam etmektedir.

$(document).ready(function() {
  let currentURL = document.URL;
  console.log(currentURL); // Tam URL'yi döndürür
  $("#myElement").text("Geçerli URL: " + currentURL);
});

Yöntem 3: URL’yi Parçalama

Çoğu zaman, yalnızca URL’nin belirli bölümlerine ihtiyacınız olur. window.location nesnesi, bu bileşenlere tek tek erişmek için özellikler sağlar:

• window.location.protocol: (örneğin, “http:”, “https:”)
• window.location.hostname: (örneğin, “www.ornek.com”)
• window.location.pathname: (örneğin, “/yol/sayfaya”)
• window.location.search: (örneğin, “?param1=deger1&param2=deger2”)
• window.location.hash: (örneğin, “#çapa”)

let protocol = window.location.protocol;
let hostname = window.location.hostname;
// ... diğer özelliklere gerektiği gibi erişin ...
console.log("Protokol:", protocol, "Sunucu Adı:", hostname);

En İyi Uygulamalar ve Hususlar

Hem window.location.href hem de document.URL verimli olsa da, okunabilirliği ve yaygın kullanımı nedeniyle window.location.href genellikle tercih edilir. URL bileşenlerine hedefli erişim için window.location nesnesinin bireysel özelliklerini kullanın. Özel karakterlerle uğraşırken her zaman encodeURIComponent() ve decodeURIComponent() gibi fonksiyonları kullanarak URL kodlama ve kod çözme işlemlerini uygun şekilde ele alın.