How to extract string values from a URL?

Question

I want to extract following values from the url mentioned below?

layout2
aqua

code:

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua"
var dataLayout = // I need url string (layout2) here
var dataTheme = // I need url string (aqua) here

Can some one help to get mentioned values using jQuery/Javascript? Thanks

have a look here http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript — Qpirate, Aug 17 '12 at 09:11
This looks like invalid url. Query string parameters must be of the form `key=value` — Darin Dimitrov, Aug 17 '12 at 09:11
@DarinDimitrov - they don't actually. That's perfectly valid. — Reinstate Monica Cellio, Aug 17 '12 at 09:12
See here ;-) [Get query string values in JavaScript][1] [1]: http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript — gmo, Aug 17 '12 at 09:12
Common Gateway Interface requires `key=value&...` but nothing in the HTTP protocol itself requires it. — Alnitak, Aug 17 '12 at 09:15

score 2 · Accepted Answer · answered Aug 17 '12 at 09:21

Well, if you just want to get those values from the mentioned url, and not any complex url parser, the most simple solution is:

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua";
var query = url.split('?')[1].split('&');
var dataLayout = query[0];
var dataTheme = query[1];

alert('layout '+dataLayout);
alert('theme '+dataTheme);

Example running in jsfiddle

score 1 · Answer 2 · answered Aug 17 '12 at 09:21

1

var url = "http://localhost:8080/dflyers/edit.html?layout2&aqua",
    qs = url.split('?')[1],
    dataLayout = qs.split('&')[0],
    dataTheme = qs.split('&')[1];

If you're getting the url from the location.href, you could use location.search instead to get just the querystring and skip a split().

answered Aug 17 '12 at 09:21

adeneo

312,895
29
395
388

We think the same, keep it simple :D – davids Aug 17 '12 at 09:22
Did'nt see your answer or I would'nt have posted, but I think it was just seconds apart ? – adeneo Aug 17 '12 at 09:23
No worries, it happens sometimes – davids Aug 17 '12 at 09:24
whatever happened to "don't repeat yourself"...? – Alnitak Aug 17 '12 at 09:25
@Alnitak - say what now? – adeneo Aug 17 '12 at 09:28
@adeneo you're calling `qs.split()` twice – Alnitak Aug 17 '12 at 09:34
@Alnitak - that's just because it's faster - [jsperf](http://jsperf.com/array-vs-split10) ... ;-) ... – adeneo Aug 17 '12 at 09:35
@adeneo your jsperf was incorrect - you're using `?` twice in the `array` test. When fixed, the result is as expected - http://jsperf.com/array-vs-split10/2 – Alnitak Aug 17 '12 at 09:47
@Alnitak - It was actually more of a joke, as it does'nt matter at all as four million iterations per second would only be noticeable if you used split a couple of million times to much! – adeneo Aug 17 '12 at 09:56
@adeneo yeah, I know. None-the-less, you just shouldn't call the same function twice to get each of its results, when one call would do. – Alnitak Aug 17 '12 at 09:57

score 0 · Answer 3 · answered Aug 17 '12 at 09:13

0

If you're using jQuery then the BBQ plugin (by Ben Alman) has the functionality you are looking for:

http://benalman.com/projects/jquery-bbq-plugin/

answered Aug 17 '12 at 09:13

Paul Osborne

1,550
1
10
11

How to extract string values from a URL?

3 Answers3