Search

JavaScript ile QueryString Parametre ve Değerlerini Okumak



7 yorum

JavaScript ile QueryString Parametre ve Değerlerini Okumak

javascript ile url parametre ve değerlerini almakMerhaba Arkadaşlar, daha hızlı projeler için server tarafına fazla yüklenmeden çalışmamız doğru olacaktır. Bu tip çalışmalarda işler genellikle client taraflı yürütülür. Öyle ki bazı durumlarda QueryString değerlerimizi bile JavaScript ile yorumlama ihtiyacı hissedebiliriz. Bunun için QueryString parametre ve değerlerimizi JavaScript kodlarıyla nasıl okuruz bundan bahsedeceğim.
Öncelikle kaynak olarak kullandığım siteyi sizlerle paylaşıyor ve yazarına teşekkür ediyorum.

function getQueryStrings()
{
    var vars = [], hash; //vars arrayi ve hash değişkeni tanımlıyoruz
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); //QueryString değerlerini ayıklıyoruz.
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1]; //Değerlerimizi dizimize ekliyoruz
    }
    return vars;
}

Şimdi sıra geldi, getQueryStrings fonksiyonumuz ile almış olduğumuz verileri okumaya.
Bunun için örnek bir Url adresi belirleyelim:
http://www.erenguvercin.com?makaleNo=51&makaleAdi=QueryString

getQueryStrings fonksiyonundan dönen değerler hafızada aşağıdaki gibi tutulur.
{
    "makaleNo" : "51",
    "makaleAdi" : "QueryString"
}

Değerlerimizi ise parametre isimlerini girerek girerek alabiliyoruz.
var getMakaleNo = getQueryStrings()["makaleNo"];
var getMakaleAdi = getQueryStrings()["makaleAdi"];

7 yorum:

realalemci at: 3 Eylül 2014 06:40 dedi ki...

Merhaba Eren Bey,

Yukarı anlattığınız gibi yaptığımda "Sunucu etiketi biçimi uygun değil." hata alıyorum.

Mehmet Uyanıkoğlu at: 13 Eylül 2014 01:09 dedi ki...

Selamlar. Web sayfamızın ana dizini için bu işlemleri yaptık gayet güzel çalışıyor. Ancak ben sayfam için bir mobil şablon yaptım ve bu dosyalar www.siteadi.com/mobil/ dizinde mobil klasörünün içinde yer alıyor. mobil klasörünün içindeki default.aspx sayfasına veya başka bir sayfaya erişmeye çalıştığımda 404 hatası veriyor. Global.asax sayfasında mobil klasörü için nasıl bir işlem yapmamız gerekiyor.

grizux at: 24 Ekim 2014 04:59 dedi ki...

bu konuda internette okuduğum onlarca makalenin en anlaşılır ve açıklayıcı olanı. özellikle şema çok mantıklı oluşturulmuş teşekkürler...

Burhan Kaya at: 15 Ocak 2015 07:15 dedi ki...

merhaba
benim sorunum şu

RouteTable.Routes.MapPageRoute("kategorilisteleme", "{anakategoriadi}/{altkaytegoriadi}", "~/listelene.aspx");

RouteTable.Routes.MapPageRoute("icerikgoruntule", "{anakategori}/{icerikadi}", "~/detay.aspx");

hocam ben bu iki yonlendirmeyide kullanmak istiyorum projemde .Link veririken bunları nasıl ayıtıcam. örneğin


bilgisayar/laptap bu linkin listelene.aspx sayfasına,
bilgisayar/samsung_NP905S3G_urunozellikleri bu linkinde detay.aspx sayfasına gitmesi gerekiyor

ahmet at: 14 Şubat 2015 07:40 dedi ki...

Bir formda birden fazla değer için cookie oluşturup bunu bi değişkene atayabilirmiyiz peki. Ayrıca o değişken yazıldığında cookielerden o değerlere tekrar yazdırılabilirmi?

Zafer at: 5 Nisan 2015 12:00 dedi ki...

İşime yaradı teşekkür ederim :))

ali at: 5 Temmuz 2015 14:24 dedi ki...

hocam hyperlink şartmı burda a etiketi kullansak olmaz mı

Yorum Gönder

Check Page Rank
DMCA.com