JavaScript ile Url den Değer Okuma ( QueryString ) Yöntemi

Merhaba arkadaşlar bugün sizlere client tarafta url üzerinde gelen parametreleri nasıl okuyacağınızı yani querysytring olayından bahsedeceğim.

Bunun için bir tane javascript fonksiyonu hazırlardım ve bunu kullanarak fonksiyona başlığımızı yolladığımız zaman bize değerimizi dönecektir.

function getParameterByName(name) {
   var url = window.location.href;
   name = name.replace(/[\[\]]/g, "\\$&");
   var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)");
   results = regex.exec(url);
   if (!results) return null;
   if (!results[2]) return '';
   return decodeURIComponent(results[2].replace(/\+/g, " "));
}

function getParameterByName(name) {

var url = window.location.href;

name = name.replace(/[\[\]]/g, "\\$&");

var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)");

results = regex.exec(url);

if (!results) return null;

if (!results[2]) return '';

return decodeURIComponent(results[2].replace(/\+/g, " "));

}

Örneğin sitemizin url sinde sayfa kontrolü yaptığımızı düşünelim

https://yunusemrearac.com?page=2

Yukarıdaki url tarzında bir tane yada birden fazla parametre içeren bir sayfa üstte paylaştığım fonksiyonu kullanarak sadece parametre adını yollayarak fonksiyon sonucu olarakta değerimiz gelecektir.

getParameterByName(‘page’) dediğim zaman sonuç olarak bana ‘2’ gelecektir.

Bu fonksiyonu istediğiniz kadar değişkende kullanabilirsiniz.

JavaScript ile Url den Değer Okuma ( QueryString ) Yöntemi

İlk Yorumu Siz Yapın

Bir cevap yazın Cevabı iptal et