jQuery ile URL’deki Parametreleri Değerleri ile Birlikte Alma

Bir çoğumuz bir proje üstünde çalışırken PHP ile oluşturulmuş linklerdeki parametre ve değerleri çekmek isteriz. Bunun için Roshambo’nun snipplr’da paylaştığı JavaScript kodu işimizi görecektir.

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&amp;');
    for(var i = 0; i &lt; hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

function getUrlVars()

{

var vars = [], hash;

var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

for(var i = 0; i < hashes.length; i++)

{

hash = hashes[i].split('=');

vars.push(hash[0]);

vars[hash[0]] = hash[1];

}

return vars;

}

Bu fonksiyon URL parametreleriyle değerlerini bir dizi halinde getirir. Örneğin şu link için deneyelim: http://www.example.com/?me=myValue&name2=SomeOtherValue adresi için getUrlVars() çağırdığımızda aşağıdaki diziye ulaşırız:

{
    "me" : "myValue",
    "name2" : "SomeOtherValue"
}

{

"me" : "myValue",

"name2" : "SomeOtherValue"

}

İlk parametredeki değeri almak için aşağıki gibi çalıştırın fonksiyonu:

var first = getUrlVars()["me"];

// İkinci parametreyi almak içinse
var second = getUrlVars()["name2"];

var first = getUrlVars()["me"];

// İkinci parametreyi almak içinse

var second = getUrlVars()["name2"];

Bu kodların jQuery için yoğurulmuş son halide aşağıdaki gibidir:

$.extend({
    getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&amp;');
        for(var i = 0; i &lt; hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function(name){
        return $.getUrlVars()[name];
    }
});

$.extend({

getUrlVars: function(){

var vars = [], hash;

var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

for(var i = 0; i < hashes.length; i++)

{

hash = hashes[i].split('=');

vars.push(hash[0]);

vars[hash[0]] = hash[1];

}

return vars;

getUrlVar: function(name){

return $.getUrlVars()[name];

}

});

Yukarıdaki kodu javascript dosyanıza eklerseniz URL parametre ve değerlerini aşağıdaki gibi alabilirsiniz:

// URL Parametrelerini alalım
var allVars = $.getUrlVars();

// URL Parametre değerlerini alalım
var byName = $.getUrlVar('name');

// URL Parametrelerini alalım

var allVars = $.getUrlVars();

// URL Parametre değerlerini alalım

var byName = $.getUrlVar('name');

Umarım faydalı olur, kolay gelsin,

Yorumlar

TOPLAM 3

kafein 13 yıl önce

hocam benim yardıma ihtiyacım var. javascriptle başka sitelerden veri çekmek istiyorum php de yapılabiliyor fakat amacım js ile yapmak yardımcı olabilir misiniz?

Yanıtla
Oral ÜNAL 13 yıl önce

Javascript ile diğer sitelerden data çekmenize müsade edilmez. Ancak şöye bir yol izleyebilirsiniz. Yani site.php isimli bir dosya oluşturursunuz. Ve index.html sayfanızda jquery get’i şu şekilde kullanabilirsiniz:

$.get(“site.php”, “site=trkodlama.com”, function(sonuc){ alert(sonuc); });

Mantığı anlatabilmişimdir umarım. Yani site.php dosyası sizin yolladığınız site adresini için çekecek sizde o sayfayı almış olacaksınız ajax ile ;)

Yanıtla
ömer küçük 12 yıl önce

şeklinde bir yapı yapmak istiyorum bu konuda bilginiz var mı ?
jquery dosyama querystring göndermek istiyorum..

Yanıtla