asked on

Get QueryString

How do I use JavaScript to get QueryString ?

avner

a.marsh

queryString = window.location.href.substring(window.location.href.indexOf('?') + 1);

:o)

Ant

avner

Ant , why parse it when you can use the location Object propertie ?

gordonmcmullan

Hi,

The query string is held in the browsers location object.

The search property of the location object stores the query string, this is a read/write string property so you can both get and set the query string.

access it like this

somestring = location.search;

hope this helps

Gordon McMullan

avner

gordonmcmullan ,
Welcome to EE.
Please read :
https://www.experts-exchange.com/jsp/qShow.jsp?qid=20170202#tip

weiyee08

ASKER

but how do I separate the fields ?

weiyee08

ASKER

a.marsh's answered is much better

avner

Try this :

query=self.location.search;
valuesArr=query.split("&");

avner

valuesArr will now hold an Array() of the name value pairs.

a.marsh

I am using the location object! With my way you also never get the ? at the start.

Ant

ASKER CERTIFIED SOLUTION

a.marsh

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

weiyee08

ASKER

a.marsh,

var tempArray = array1[i].split('=');

eval(tempArray[0] + " = \"" + tempArray[1] + "\"");

what do above statement mean ?

document.write(your_name);

why you don't use array to display ?

a.marsh

Basically:

var queryString = window.location.href.substring((window.location.href.indexOf('?') + 1));
var array1 = queryString.split('&'); // Each array element is in format "fieldname=value"

gets the query string and generates an array. The values of the array are:

fieldname=value

So in order to separate the value from the field we do a further split hence the:

var tempArray = array1[i].split('=');

This gives us an array that looks like:

tempArray[0] = "fieldname";
tempArray[1] = "value";

If you create the two files and copy and paste the code in the example above you will see it working.

:o)

Ant

weiyee08

ASKER

i kow it is working, but why you don't use array to display the name ?

avner

weiyee08 ,
I would change the code to use Hash-Table instead of Array.

a.marsh

The name is simply stored in a variable so it can be called easily time and time again.

You could quite easily store all the names in an array.

There is always more than one way of doing the same thing!

:o)

Ant

weiyee08

ASKER

a.marsh,

eval(tempArray[0] + " = \"" + tempArray[1] + "\"");

above statement will create a variable and store the value in it, right ?

avner,

what do you mean by Hash-Table ? How to do it ? Can you show me ?
Which one is the best ?

a.marsh

Yes - the eval() function basically executes the string as code. So for example the first call of the loop actually does this:

eval("your_name = \"Ant\"");

assuming of course I entered the value Ant on the first page.

The eval function executes that code hence setting the variable "your_name" to the value "Ant".

:o)

Ant

a.marsh

I'll let avner answer his part, I don't want to step on anyones' toes - although I think what he is suggesting is more commonly known as "associative arrays"

:o)

Ant

weiyee08

ASKER

a.marsh,

I don't mind if you answer his idea as long as you are the one who answer first

a.marsh

Okay, well I don't know if this is exactly what avner had in mind, but this is what I believe he is suggesting:

story.html
-----------------------------

<html>
<head>
<title>The Story</title>
<script language="javascript">

nameArray = new Array();

// Get names
var queryString = window.location.href.substring((window.location.href.indexOf('?') + 1));
var array1 = queryString.split('&'); // Each array element is in format "fieldname=value"
for(var i = 0; i < array1.length; i++){
var tempArray = array1[i].split('='); // Separate fieldname and value
eval("nameArray[\"" + tempArray[0] + "\"] = \"" + tempArray[1] + "\"");
}

</script>
</head>
<body>
<p>This is the story of
<script language="javascript"> document.write(nameArray["your_name"]);</script>'s amazing adventure with
<script language="javascript"> document.write(nameArray["friend1"]);</script> and
<script language="javascript"> document.write(nameArray["friend2"]);</script>.
</p>
<p>Now I'm not a very good storyteller, so I'm afraid that's all you're going to hear about
<script language="javascript"> document.write(nameArray["your_name"]);</script>,
<script language="javascript"> document.write(nameArray["friend1"]);</script> and
<script language="javascript"> document.write(nameArray["friend2"]);</script>'s adventure!
</p>
</form>
</body>
</html>

Ant

weiyee08

ASKER

a.marsh

I think you are right. Thanks !

a.marsh

Glad to help.

:o)

Ant