Search This Blog


Parsing Querystring using Javascript

Following is the code snippent of javascript by which we can parse the Query string

Suppose we are going to pass the name and email from the parent or source page as the query string and the destination page supposed to be "parseQueryString.htm".
From the Parent page or the source page write the following code

<input type="text" name="txtName" id="txtName">Name<br>
<input type="text" name="txtEmail" id="txtEmail">Email<BR>
<input type="button" value="Submit" onclick="getURL(txtName.value, txtEmail.value);">
function getURL(sName, sEmail){
window.location ="parseQueryString.htm?name="+sName+"&email="+sEmail;

In the destination page "parseQueryString.htm" write the following code and call it from body onload as follows
function PageQuery(q) {
if(q.length > 1) this.q = q.substring(1, q.length);
else this.q = null;
this.keyValuePairs = new Array();
if(q) {
for(var i=0; i < this.q.split("&").length; i++) {
this.keyValuePairs[i] = this.q.split("&")[i];
this.getKeyValuePairs = function() { return this.keyValuePairs; }
this.getValue = function(s) {
for(var j=0; j < this.keyValuePairs.length; j++) {
if(this.keyValuePairs[j].split("=")[0] == s)
return this.keyValuePairs[j].split("=")[1];
return false;
this.getParameters = function() {
var a = new Array(this.getLength());
for(var j=0; j < this.keyValuePairs.length; j++) {
a[j] = this.keyValuePairs[j].split("=")[0];
return a;
this.getLength = function() { return this.keyValuePairs.length; }
function queryString(key){
var page = new PageQuery(;
return unescape(page.getValue(key));
function displayItem(key){
result.innerHTML="you didn't enter a ?name=value querystring item.";

<body onload="displayItem('name'); displayItem('email');">

<div id=result></div>


No comments: