Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite

I am currently trying to parse parameters from a path to a JavaScript file (inside a script tag). At the moment I know which parameters I expect to be there but instead of looking for the expected params I would rather like to just extract all params given.

Example of the script tag which includes a JavaScript file:

<script type="text/javascript" src="https://url/widget.js?param1=A&param2=bb></script>

At the moment I'm just doing this (seperately for each parameter):

jQuery('script').each(function() {
    var script = this;
    if (!script.src) {
        return;
    }    
    var matchKey = script.match(/https\:\/\/url\/widget\.js\?param1=([A-Z]+)/);
    if (matchKey) {
        oSettings.param1 = matchKey[1];
    }
}

So what I need is a regex that extracts both the name of the parameter and the value from the included sript.

Thanks for the assistance!

share|improve this question
Do you want to parse parameters from a Javascript file, or from a path to a Javascript file? – Lightness Races in Orbit Mar 29 '11 at 9:46
I was not making my point very clear, thanks. I want to parse parameters from the url to the javascript file inside the script tag. The reason why I'm doing this is because this little bit of javascript code is supposed to build a widget on the corresponding website and I don't want the user to add too many code in different places. I'm just trying to keep all parameters where they belong to (even if there's technically no use of writing it like GET params in javascript context - right?) – junior Mar 29 '11 at 14:00
Much better :) – Lightness Races in Orbit Mar 29 '11 at 15:11

3 Answers

up vote 2 down vote accepted

This tested function works:

function parse_query_vars(text)
{ // Extract name=value pairs from URL query string.
    // Empty object to store name, value pairs.
    var qvars = {},
    // Capture non-empty query string in $1.
        re_q = /\?([^#]+)/, // From '?' up to '#' or EOS.
    // Capture variable name in $1 and value in $2.
        re_nv = /([^=]+)=([^&]*)(?:&(amp;)?|$)/gi,
    // Match array for query string and va=val pairs.
        m =  text.match(re_q),
    // Query string plucked from URL
        q = '';
    // If there is a query string, copy to q var.
    if (m) q = m[1];
    while (m = re_nv.exec(q)) {
        qvars[m[1]] = m[2];
    }
    return qvars; // Return results in object
}

It first extracts any query string from the URL, then iteratively parses out name=value pairs and returns the results in an object. It handles name value pairs separated by either & or &amp; and works if the URL has a #fragment following the query.

share|improve this answer
Works pretty well so far! Thank you very much! – junior Apr 6 '11 at 12:55
up vote 1 down vote

Use something like this, or this, or this.

They're not all regex solutions, but then you don't necessarily need a regex. That was a detail that could probably have been left out of the question.

Hope that helps.

share|improve this answer
up vote 0 down vote

(This isn't actually tested)

var scripts = document.getElementsByTagName("script"), i = scripts.length;
var reMatch = /https\:\/\/url\/widget\.js/, path;
// find the correct script
do {
    path = scripts[i--].src;
}
while (!reMatch.test(path));

var map = {}, pairs = path.substring(path.indexOf("?") + 1).split("&"), atoms;
i = pairs.length;
// extract the name-value pairs
while (i--) {
    atoms = pairs[i].split("=");
    map[decodeURIComponent(atoms[0])] = decodeURIComponent(atoms[1]);
}
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.