Query String in JavaScript

Question

By using document.referrer we will get all the reference of URL in JavaScript, such as the following:

http://localhost/testwordpress/wp-admin/admin.php?page=thesis-options&upgraded=true

From this output how can we extract the query string part only:

?page=thesis-options&upgraded=true

Is there any method in JavaScript?

Daniel Vassallo · Accepted Answer · 2010-04-21 04:39:42Z

5

To get the query string from document.referrer, you can use the split() method:

var qs = document.referrer.split('?')[1];

if (typeof qs !== 'undefined') {
    // qs contains the query string.
    // this would be "page=thesis-options&upgraded=true" in your case.
}
else {
    // there was no query string in document.referrer.
}

edited Apr 21, 2010 at 4:39

answered Apr 21, 2010 at 4:33

Daniel Vassallo

346k72 gold badges513 silver badges447 bronze badges

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

1 Comment

Ingo Steinke Over a year ago

This works in theory, but in practice, pages like Google prohibit the browser to include the parameters if they respect the referrer policy.

ashurexm · Accepted Answer · 2010-04-21 04:36:14Z

1

If you are just looking to get the values from the query string I use the following function:

function getQuerystring(key)
{
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}

Simply pass in the key you are looking for and get the value back. IE: getQueryString('upgraded') would return true

answered Apr 21, 2010 at 4:36

ashurexm

6,3754 gold badges48 silver badges72 bronze badges

2 Comments

Daniel Vassallo Over a year ago

Note that you may want to change window.location.href with document.referrer.

ashurexm Over a year ago

@Daniel Vassallo: That is a good point. window.location.href will only have what the user sees in it's browser. If you are looking for referrer specific info, it may be better to use document.referrer.

user180100 · Accepted Answer · 2010-04-21 04:33:36Z

-1

There are some functions around to do that. See this for example.

answered Apr 21, 2010 at 4:33

user180100

1 Comment

Ingo Steinke Over a year ago

Answer needs some code, not only a link.

Collectives™ on Stack Overflow

Query String in JavaScript

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related