8

For instance, I have a url like this : www.mysite.com/my_app.html

How do I pass a value " Use_Id = abc " to it and use javascript to display on that page ?

Frank
  • 29,646
  • 56
  • 159
  • 233

6 Answers6

18

Shouldn't be too difficult to write your own without the need for an external library.

// www.mysite.com/my_app.html?Use_Id=abc 

var GET = {};
var query = window.location.search.substring(1).split("&");
for (var i = 0, max = query.length; i < max; i++)
{
    if (query[i] === "") // check for trailing & with no param
        continue;

    var param = query[i].split("=");
    GET[decodeURIComponent(param[0])] = decodeURIComponent(param[1] || "");
}

Usage: GET.Use_id or GET["Use_id"]. You can also check if a parameter is present even if it has a null value using "Use_id" in GET (will return true or false).

Andy E
  • 326,646
  • 82
  • 467
  • 441
6

Call the page www.mysite.com/my_app.html?Use_Id=abc

Then in that page use a javascript function like:

var urlParam = function(name, w){
    w = w || window;
    var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'),
        val = w.location.search.match(rx);
    return !val ? '':val[1];
}

To use it:

var useId = urlParam('Use_Id');

The second parameter w is optional, but useful if you want to read parameters on iframes or parent windows.

Mic
  • 24,186
  • 9
  • 56
  • 69
  • Your code is pretty useful! Thank, you. What about post method like in php? – SphynxTech Nov 26 '17 at 13:13
  • @S.P.H.I.N.X when you make a post to a PHP page, there is no client javascript anymore. You need to do a parsing with PHP on the server either data posted or in the url like here. – Mic Nov 27 '17 at 13:45
2

www.mysite.com/my_app.html?use_id=abs

var qs = new QueryString()

// use_id is now available in the use_id variable
var use_id = qs.get("use_id");
isherwood
  • 52,576
  • 15
  • 105
  • 143
Byron Whitlock
  • 51,185
  • 28
  • 118
  • 166
  • QueryString Code can be found at https://web.archive.org/web/20101025074108/http://adamv.com/dev/javascript/files/querystring.js – SESN Feb 04 '17 at 18:53
1
www.mysite.com/my_app.html?Use_Id=abc


var querystring = window.location.querystring;
var myValue = querystring["Use_Id"];

http://prettycode.org/2009/04/21/javascript-query-string/

isherwood
  • 52,576
  • 15
  • 105
  • 143
Dustin Laine
  • 36,999
  • 10
  • 84
  • 123
0

There's a similar question on this here What is the easiest way to read/manipulate query string params using javascript?

Which seems to recommend using jQuery's Querystring plugin: http://plugins.jquery.com/project/query-object

Community
  • 1
  • 1
Ceilingfish
  • 5,317
  • 4
  • 43
  • 69
0

Your server side script could read the value and set it in a hidden form field which your JS could then read.

Mat Barnett
  • 17
  • 2