Best way to get the value of a given URL parameter with Javascript / jQuery?

Question

Suppose you have a URL:

http://www.example.com/whatever?this=that&where=when

How would you extract the value of the where parameter (in this case when)?

This is what I came up with -- I'm wondering if there's a better solution:

$.fn.url_param_value = function(param) {
  var url = $(this).attr('href');
  var regex = new RegExp(param + "=");

  return $.grep(url.split("?")[1].split("&"), function(a) {
    return a.match(regex);
    })[0].split("=")[1];
}

amantur · Accepted Answer · 2009-09-13 04:53:46Z

5

use jquery.query and have fun :)

you can simply use:

var w = $.query.get("where");

answered Sep 13, 2009 at 4:53

amantur

40.6k22 gold badges136 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ranonE Over a year ago

Query string object is an extension creates a singleton query string object for quick and readable query string modification and creation. This plugin provides a simple way of taking a page's query string and creating a modified version of this with little code.

Mic · Accepted Answer · 2009-09-13 16:41:42Z

1

If you are left without jQuery, here is a function I use:

function urlParam(name, w){
    w = w || window;
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)');
    var val = w.location.href.match(rx);
    return !val ? '':val[1];
}

w is an optional parameter(defaulted to window) if you need to read iframe parameters.

answered Sep 13, 2009 at 16:41

Mic

25.2k9 gold badges62 silver badges71 bronze badges

Comments

Mottie · Accepted Answer · 2009-09-13 20:45:13Z

0

I use this bit of javascript from Netlobo.com

function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

or if you are looking for a plugin, try jQuery URL Parser

*Edit: Hmm, nm I guess TheVillageIdiot's suggestion is the best & easiest for jQuery :P... YAY, I learned something new today :) But you should still check out the plugin, it's nice in that it will return any part of the URL including data from a string.

edited Sep 13, 2009 at 20:45

answered Sep 13, 2009 at 20:18

Mottie

86.8k30 gold badges132 silver badges248 bronze badges

Collectives™ on Stack Overflow

Best way to get the value of a given URL parameter with Javascript / jQuery?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related