I am looking to use javascript to extract the GET parameters from a user inputed url.
For example is a user enters a url say:
http://www.youtube.com/watch?v=ee925OTFBCA
I could get the v parameter
'ee925OTFBCA' as a variable
Thanks in Advance.
1
-
there are so many open questions on this, did you even bother looking?vsync– vsync2010-05-16 13:06:54 +00:00Commented May 16, 2010 at 13:06
Add a comment
|
4 Answers
This should do the trick
// include this somewhere available
var Query = (function(){
var query = {}, pair, search = location.search.substring(1).split("&"), i = search.length;
while (i--) {
pair = search[i].split("=");
query[pair[0]] = decodeURIComponent(pair[1]);
}
return query;
})();
var v= Query["v"]
This only runs its computation once and creates an object with name/value pairs corresponding to those supplied as parameters
4 Comments
mplungjan
Nice one - and only needs to decode once as opposed to the other posts here.
Guffa
This doesn't work for multiple values. It works to answer this specific question, but not as a general purpose solution.
Sean Kinsey
Guffa: what? Go read up on your DOM/javascript. The search field was never intended to convey multiple parameters with identical names.
ericslaw
The browser happily submits multiple values for identical names, and cgis can handle them fine too, even though perl modules like CGI.pm presume you cannot have multiple identical names.
From here:
function getURLParam(strParamName){
var strReturn = "";
var strHref = window.location.href;
if ( strHref.indexOf("?") > -1 ){
var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (
aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
break;
}
}
}
return unescape(strReturn);
}
To use it:
var v = getURLParam('v')
1 Comment
mplungjan
location.search gives you the ?xxxx part - if no location.search, no questionmark there
You can use a function like this:
function querystring(key) {
var re=new RegExp('(?:\\?|&)'+key+'=(.*?)(?=&|$)','gi');
var r=[], m;
while ((m=re.exec(document.location.search)) != null) r.push(m[1]);
return r;
}
Example:
var v = querystring('v')[0];
The function returns an array with all the values found in the query string. If you have a query string like ?x=0&v=1&v=2&v=3 the call querystring('v') returns an array with three items.
1 Comment
mplungjan
window.location.search is the one to use in my opinion document.location is now document.URL
This is my simple snippet:
function extractParamValue(url, name) {
var pos = url.indexOf(name+'=')+name.length+1;
var value = url.substring(pos, url.indexOf('&', pos));
return value;
}
Comments
