I'm using jQuery and I'd like a lightweight plugin to write and read hash parameters from a URL.

For example, I'd like to be able to read a URL like index.html#color=red&day=monday and get { color: 'red', day: 'monday' }.

I'd also like to be able to write parameters to the hash, checking for the presence of a variable, and adding or updating it as appropriate.

Does anyone know a lightweight plugin that can do this, or do I need to write my own?

Obviously BBQ does all of this and much more, but I don't need all the history management, and I'm loath to include a lot of code I don't need.

I'm using jQuery and I'd like a lightweight plugin to write and read hash parameters from a URL.

For example, I'd like to be able to read a URL like index.html#color=red&day=monday and get { color: 'red', day: 'monday' }.

I'd also like to be able to write parameters to the hash, checking for the presence of a variable, and adding or updating it as appropriate.

Does anyone know a lightweight plugin that can do this, or do I need to write my own?

Obviously BBQ does all of this and much more, but I don't need all the history management, and I'm loath to include a lot of code I don't need.

• javascript
• jquery
• url
• jquery-plugins

Share Improve this question Follow asked Jan 31, 2012 at 12:01 RichardRichard 33k3030 gold badges111111 silver badges146146 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

this will work, you can put it in a function or use it straight forwardly:

  var hash = top.location.hash.replace('#', '');
    var params = hash.split('&');
    var result = {};
    for(var i = 0; i < params.length; i++){
       var propval = params[i].split('=');
       result[propval[0]] = propval[1];
    }

purl can read fragment params:

$.url("index.html#color=red&day=monday").fparam("color"); // returns "red"

To write them you can use jquery's $.param() helper. Here's a fiddle

Not sure of a plugin that is lightweight, but you could use something like

    var hashdata = new Object();

    jQuery.each(window.location.hash.replace(/^#/,'').split('&'), function(i,t){

       var s = t.split('=');
       hashdata[s[0]] = s[1];

   });

Which if i'm correct should return an object of the hash data in the url. Then knowing the current hash data, you could use window.location.hash to change that as and when you want