ASP.NET C# C/C++ Genel HTML/CSS Java JS/Ajax PHP XML Forum

jQuery ile URL Parametre ve Değerlerini Çekin

jQuery ile URL Parametre ve Değerlerini Çekin

 

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('&');
    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 aşağıki link için deneyelim:

http://www.example.com/?me=myValue&name2=SomeOtherValue

getUrlVars() çağırdığımızda aşağıdaki diziye ulaşırız::

{
    "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"];

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('&');
    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');

:: Bu fonksiyon ihtiyaçlarınızı karşıladı mı?


Oral ÜNAL


Bu makaleyi beğendin mi? Bir sonraki makaleden ilk senin haberin olsun ;)



16 Temmuz 2010, Cuma
Bu makale 1507 defa okundu.

2 yorum

Yorum Yapın »
  1. 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?


  2. 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 ;)


Söyleyecek bir şeyiniz var mı?

HTML etiketlerini kullanamazsınız. HTML etiketleri temizlenecektir.










RSSTwitter

En son yazılanlardan ilk senin haberin olsun


Valid HTML 5 Valid CSS!

Güncel Programlama Makaleleri by TR Kodlama © 2009 is licensed under a Creative Commons Alıntı-TicariOlmayan 3.0 Unported License.