best way to split a string and get url values using javascript

Question

I have string which is in url like below

?type=english&time=today

I want to get the values of type and time and curently doing like below

var str="?type=english&time=today";

var spt =str.split("&");
var typeval =spt[0].split("=")[1];
var timeval =spt[1].split("=")[1];

document.write(" type :"+typeval+" time : "+timeval);

What is the efficient way to get the values using javascript.

@Daniel the question is certainly a dup, but the answers are somewhat outdated. — Matt Ball
– Matt Ball, Commented Jul 11, 2011 at 19:30

Matt Ball · Accepted Answer · 2011-07-11 19:31:40Z

5

Use jQuery BBQ's $.deparam function.

var str='type=english&time=today',
    obj = $.deparam(str),
    typeval = obj.type, // 'english'
    timeval = obj.time; // 'today'

It works with all sorts of fancy URL-encoded data structures (see the linked examples).

edited Jul 11, 2011 at 19:31

answered Jul 11, 2011 at 19:26

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

2 Comments

user166390 Over a year ago

+1 For API reference, but ... icky style! Heh, I know, you'll just chide in with how I need more semicolons ;-)

JavaGeek Over a year ago

@Matt thanks for jQuery reference..it's neat and less code is required.

aviv · Accepted Answer · 2011-07-11 19:27:14Z

1

You can use the gup function- get url parameters:

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];

}

answered Jul 11, 2011 at 19:27

aviv

2,7947 gold badges36 silver badges48 bronze badges

Comments

beardhatcode · Accepted Answer · 2011-07-11 19:28:48Z

0

I always use this script:

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }

    return vars;
}

then

var hash = getUrlVars();
alert(hash['type']);

will give 'english'

it's easily adaptable to what you want

answered Jul 11, 2011 at 19:28

beardhatcode

4,7731 gold badge18 silver badges30 bronze badges

Comments

user578895 · Accepted Answer · 2011-07-11 19:36:07Z

0

var obj = {},
    str = "?type=english&time=today";

$.each(str.split(/&|\?/), function(){
    var tmp = this.split('=');
    ( tmp.length>1 ) && ( obj[ tmp[0] ] = tmp[1] );
})

// obj = { type : 'english', time : 'today' }

answered Jul 11, 2011 at 19:36

user578895

Collectives™ on Stack Overflow

best way to split a string and get url values using javascript

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related