get URL Parameters from current URL using Prototype JavaScript

Question

I'm noob to JavaScript and want to use Prototype JS Framework to get some URL parameters. Imagine I have the following URL on my current browser:

http://www.somewhere.com?param=abc

how can I get the value of 'param' using any function or utility of Prototype JS ?

possible duplicate of Get query string values in JavaScript

Rob W
– Rob W

2011-12-29 15:25:13 +00:00
Commented Dec 29, 2011 at 15:25 — Rob W
– Rob W, Commented Dec 29, 2011 at 15:25

Scott · Accepted Answer · 2011-09-12 01:28:24Z

11

Prototype.js DOES provide a utility:

uri.toQueryParams();

answered Sep 12, 2011 at 1:28

Scott

1111 silver badge2 bronze badges

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

Comments

Jacob Relkin · Accepted Answer · 2012-01-03 22:46:46Z

4

You really don't need Prototype for this:

function get_param(param) {
   var search = window.location.search.substring(1);
   var compareKeyValuePair = function(pair) {
      var key_value = pair.split('=');
      var decodedKey = decodeURIComponent(key_value[0]);
      var decodedValue = decodeURIComponent(key_value[1]);
      if(decodedKey == param) return decodedValue;
      return null;
   };

   var comparisonResult = null;

   if(search.indexOf('&') > -1) {
      var params = search.split('&');
      for(var i = 0; i < params.length; i++) {
         comparisonResult = compareKeyValuePair(params[i]); 
         if(comparisonResult !== null) {
            break;
         }
      }
   } else {
      comparisonResult = compareKeyValuePair(search);
   }

   return comparisonResult;
}

var param_value = get_param('param'); //abc

edited Jan 3, 2012 at 22:46

answered Dec 17, 2010 at 4:26

Jacob Relkin

163k34 gold badges352 silver badges321 bronze badges

6 Comments

Sal Prima Over a year ago

hi jacob thank you for your reply, but i want to know is there any utility provided by Prototype js for this requirement ?

Jacob Relkin Over a year ago

@dprima There is no utility that does this that I know of.

Sal Prima Over a year ago

oh i see, thx jacob, both your answer and tim's below were true, but because you're the first, ill mark your answer as accepted

Mike Samuel Over a year ago

It may be worth calling decodeURIComponent on key_value[1] and ideally on key_value[0] before comparing it to the param.

Jacob Relkin Over a year ago

@MikeSamuel I refactored the entire function to be a whole lot cleaner. I provided the original answer to this question over a year ago, so this should be a lot better... Any comments on the updated code are welcome! :)

|

agamemnerd · Accepted Answer · 2013-09-04 16:16:51Z

4

Expanding on Scott's answer: to put the value of the URL variable 'param' into the javascript variable 'x' you would use Prototype like so:

x = document.URL.toQueryParams().param;

answered Sep 4, 2013 at 16:16

agamemnerd

411 bronze badge

Collectives™ on Stack Overflow

get URL Parameters from current URL using Prototype JavaScript

3 Answers 3

Comments

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Linked

Related