How to get the value from the GET parameters

Question

I have a URL with some GET parameters as follows   www test com t html a 1 amp b 3 amp c m2-m3-m4-m5    I need to get the whole value of c  I tried to read the URL  but I got only m2  How do I do this using JavaScript

User · Answer

Here is my solution  jsfiddle  The method below returns a dictionary containing the parameters of the given URL  In case there are no paramters it will be null   function getParams url       var paramsStart   url indexOf           var params   null         no params available     if paramsStart    -1           var paramsString   url substring url indexOf        1  url length              only     available         if paramsString                     var paramsPairs   paramsString split   amp                    preparing             params                   var empty   true              var index    0              var key                   var val                    for i   0  len   paramsPairs length  i  lt  len  i                     index   paramsPairs i  indexOf                          if assignment symbol found                 if index    -1                       key   paramsPairs i  substring 0  index                       val   paramsPairs i  substring index   1  paramsPairs i  length                        if key        amp  amp  val                                    extend here for decoding  integer parsing  whatever                             params key    val                           if empty                               empty   false                                                                                                                   if empty                   params   null                                     return params

User · Answer

In my case   redirect to new domain with all sub url      window location replace  https   newdomain com    window location pathname

User · Answer

One liner and IE11 friendly    gt   window location href  match  c     amp       1   gt   m2-m3-m4-m5

User · Answer

Simple way  function getParams url           var regex       amp               amp      g              params                   match          while match   regex exec url                 params match 1     match 2                     return params          then call it like getParams url

User · Answer

Learning from many answers  like VaMoose s  Gnarf s or Blixt s   You can create an object  or use the Location object  and add a method that allows you to get the URL parameters  decoded and with JS style  Url         params  undefined      get get            if  this params               var vars                   if url length   0                  url replace     amp        amp         amp     gi  function m key value                       key decodeURIComponent key                       if typeof vars key     quot undefined quot                             vars key   decodeURIComponent value                                             else                           vars key      concat vars key   decodeURIComponent value                                                          this params   vars                    return this params            This allows the method to be called just using Url get  The first time it will fetch the object from the url  next times it will load the saved ones  Example In a url like  param1 param1Value amp param2 param2Value amp param1 param1Value2  parameters can be fetched like  Url get param1     quot param1Value quot   quot param1Value2 quot   Url get param2    quot param2Value quot

User · Answer

Here s a solution I find a little more readable -- but it will require a  forEach   shim for  lt  IE8   var getParams   function        var params         if  location search        var parts   location search slice 1  split   amp          parts forEach function  part          var pair   part split             pair 0    decodeURIComponent pair 0          pair 1    decodeURIComponent pair 1          params pair 0      pair 1       undefined             pair 1    true                return params

User · Answer

PHP parse str copycat          Handles also array params well function parseQueryString query        var pars    query    null   query       replace   amp   g    amp    split   amp             par  key  val  re        w            i  ra  ks  ki  i   0          params            while   par   pars shift     amp  amp   par   par split      2              key   decodeURIComponent par 0               prevent param value going to be  undefined  as string         val   decodeURIComponent par 1         replace     g                   check array params         if  ra   re exec key                 ks   ra 1                  init array param             if    ks in params                     params ks                                     set int key             ki    ra 2           ra 2    i                   set array param             params ks  ki    val                 go on               continue                       set param         params key    val             return params     var query    foo 1 amp bar The bar  20 amp arr   a0 amp arr   a1 amp arr s  as amp isset amp arr   last   var params   parseQueryString query   console log params  console log params foo            1 console log params bar            The bar  console log params arr 0          a0 console log params arr 1          a1 console log params arr s          as console log params arr none       undefined console log  isset  in params     true like  isset   GET  isset             in php parse str  foo 1 amp bar The bar  20 amp arr   a0 amp arr   a1 amp arr s  as amp isset amp arr   last    query   print r  query    Array        foo    gt  1      bar    gt  The bar       arr    gt  Array                        0    gt  a0              1    gt  a1              s    gt  as              2    gt  last                 isset    gt

User · Answer

Browsers vendors have implemented a native way to do this via URL and URLSearchParams   let url   new URL  http   www test com t html a 1 amp b 3 amp c m2-m3-m4-m5    let searchParams   new URLSearchParams url search   console log searchParams get  c         outputs  m2-m3-m4-m5    Currently supported in Firefox  Opera  Safari  Chrome and Edge  For a list of browser support see here   https   developer mozilla org en-US docs Web API URLSearchParams https   developer mozilla org en-US docs Web API URL URL  https   url spec whatwg org   Eric Bidelman  an engineer at Google  recommends using this polyfill for unsupported browsers

User · Answer

A super simple way using URLSearchParams   function getParam param     return new URLSearchParams window location search  get param       It s currently supported in Chrome  Firefox  Safari  Edge  and others

User · Answer

This works   function getURLParameter name      return decodeURIComponent  new RegExp      amp      name              amp        amp           exec location href      null       1  replace     g    20       null      I didn t get any of the other top answers to work

User · Answer

Read a page s GET URL variables and return them as an associative array  function getUrlVars         var vars       hash      var hashes   window location href slice window location href indexOf        1  split   amp         for var i   0  i  lt  hashes length  i                  hash   hashes i  split               vars push hash 0            vars hash 0     hash 1             return vars        Usage for URL  http   my site com location locationId 53cc272c0364aefcb78756cd amp shared false var id   getUrlVars    locationId      Got from here  http   jquery-howto blogspot ru 2009 09 get-url-parameters-values-with-jquery html

User · Answer

source      function gup  name  url         if   url  url   location href      name   name replace                replace                     var regexS         amp    name       amp            var regex   new RegExp  regexS        var results   regex exec  url        return results    null   null   results 1     gup  q    hxxp   example com  q abc

User · Answer

Use dojo   No other solution on here is this short or as well-tested   require   dojo io-query    function ioQuery       var uri    www test com t html a 1 amp b 3 amp c m2-m3-m4-m5        var query   uri substring uri indexOf        1  uri length       var queryObject   ioQuery queryToObject query       console log queryObject c     prints m2-m3-m4-m5

User · Answer

GET  function  param        var regex   new RegExp        amp       param          amp         i        var match   regex exec window location href       return match     null   match   match 1

User · Answer

Here I am posting one example  But it s in jQuery  Hope it will help others    lt script type  text javascript  src  jquery js  gt  lt  script gt   lt script type  text javascript  src  jquery url js  gt  lt  script gt    lt  -- URL   www example com correct  message done amp year 1990-- gt    lt script type  text javascript  gt    function          url attr  protocol       -- gt  Protocol   http        url attr  path               -- gt  host   www example com        url attr  query              -- gt  path    correct         url attr  message        -- gt  query   done        url attr  year           -- gt  query   1990       lt  script gt

User · Answer

I had the need to read a URL GET variable and complete an action based on the url parameter  I searched high and low for a solution and came across this little piece of code  It basically reads the current page url  perform some regular expression on the URL then saves the url parameters in an associative array  which we can easily access  So as an example if we had the following url with the javascript at the bottom in place  http   TestServer Pages NewsArchive aspx year 2013 amp Month July All we   d need to do to get the parameters id and page are to call this  The Code will be   lt script type  quot text javascript quot  gt  var first   getUrlVars    quot year quot    var second   getUrlVars    quot Month quot     alert first   alert second   function getUrlVars         var vars           var parts   window location href replace     amp        amp         amp     gi  function m key value            vars key    value              return vars     lt  script gt

User · Answer

I wrote a more simple and elegant solution   var arr   document URL match  room   0-9      var room   arr 1

User · Answer

function getParamValue param        var urlParamString   location search split param             if  urlParamString length  lt   1  return         else           var tmp   urlParamString 1  split   amp             return tmp 0             This should work for your case no matter the param is last or not

User · Answer

I have had the same problem over and over again   Now many users here now I m famous for my HAX work   so I solve it by using    PHP   echo   lt p style  display none  id   hidden-GET   gt     GET  id     lt  p gt      JS   document getElementById  hidden-GET   innerHTML    Simple HAX but working

User · Answer

you can run this function      function getUrlVars                 var vars       hash          var hashes   window location href slice window location href indexOf        1  split   amp             for var i   0  i  lt  hashes length  i                          hash   hashes i  split                   vars push hash 0                vars hash 0     hash 1                     return vars             var source   getUrlVars    lm supplier        var el   source toString        var result  decodeURI el    console log result    this function get what you want from the url  var source   getUrlVars    put what you want to get from the url

User · Answer

I prefer to use available resources rather than reinventing how to parse those params    Parse the URL as an object Extract the search params part Transform the searchParams from an Iterator to an Array with array expansion  Reduce the key-value array into an object     x000D   x000D  const url    http   www test com t html a 1 amp b 3 amp c m2-m3-m4-m5   x000D  const params        new URL url  searchParams entries    x000D     reduce  a  c    gt  Object assign a    c 0   c 1         x000D   x000D  console log params   x000D   x000D   x000D

User · Answer

For Single Parameter Value like this index html msg 1 use following code     window  load function        queryString         function queryString         var queryString   window location search substring 1       var varArray   queryString split         eg  index html msg 1      var param1   varArray 0       var param2   varArray 1        For All Parameter Value use following Code     window  load function        queryString         function queryString         var queryString   window location search      var varArray   queryString split   amp         for  var i 0 i lt varArray length i            var param   varArray i  split                 parameter-value pair

User · Answer

I like writing shorthand as much as possible   URL  example com mortgage calc htm pmts 120 amp intr 6 8 amp prin 10000  Vanilla Javascript   for   var vObj       i 0  vArr   window location search substring 1  split   amp             i  lt  vArr length  v   vArr i    split       vObj v 0     v 1         vObj    pmts   120   intr   6 8   prin   10000

User · Answer

I use  function getVal str        var v   window location search match new RegExp          amp    str        amp             return v   v 1    null

User · Answer

As mentioned in the first answer in the latest browser we can use new URL api  However a more consistent native javascript easy solution to get all the params in an object and use them could be For Example this class say locationUtil const locationSearch        gt  window location search  const getParams        gt      const usefulSearch   locationSearch   replace             const params         usefulSearch split   amp    map p   gt        const searchParam   p split           const  key  value    searchParam      params key    value      return params          return params      export const searchParams   getParams     Usage    Now you can import searchParams object in your class for Example for url --- https   www google com key1 https   www linkedin com in spiara  amp valid true import   searchParams   from     somewhere locationUtil    const  key1  valid    searchParams  if valid     console log  quot Do Something quot     window location href   key1

User · Answer

See this  function getURLParameters paramName        var sURL   window document URL toString        if  sURL indexOf       gt  0                var arrParams   sURL split               var arrURLParams   arrParams 1  split   amp             var arrParamNames   new Array arrURLParams length           var arrParamValues   new Array arrURLParams length            var i   0          for  i   0  i lt arrURLParams length  i                          var sParam    arrURLParams i  split                   arrParamNames i    sParam 0               if  sParam 1                         arrParamValues i    unescape sParam 1                else                 arrParamValues i     No Value                      for  i 0  i lt arrURLParams length  i                          if  arrParamNames i     paramName                                  alert  Parameter     arrParamValues i                    return arrParamValues i                                   return  No Parameters Found

User · Answer

JavaScript itself has nothing built in for handling query string parameters    Code running in a  modern  browser you can use the URL object  which is part of the APIs provided by browsers to JS     x000D   x000D  var url string    http   www example com t html a 1 amp b 3 amp c m2-m3-m4-m5     window location href x000D  var url   new URL url string   x000D  var c   url searchParams get  c    x000D  console log c   x000D   x000D   x000D      For older browsers  including Internet Explorer   you can use this polyfill or the code from the original version of this answer that predates URL   You could access location search  which would give you from the   character on to the end of the URL or the start of the fragment identifier   foo   whichever comes first   Then you can parse it with this    x000D   x000D  function parse query string query    x000D    var vars   query split   amp     x000D    var query string       x000D    for  var i   0  i  lt  vars length  i      x000D      var pair   vars i  split       x000D      var key   decodeURIComponent pair 0    x000D      var value   decodeURIComponent pair 1    x000D         If first entry with this name x000D      if  typeof query string key       undefined     x000D        query string key    decodeURIComponent value   x000D           If second entry with this name x000D        else if  typeof query string key       string     x000D        var arr    query string key   decodeURIComponent value    x000D        query string key    arr  x000D           If third or later entry with this name x000D        else   x000D        query string key  push decodeURIComponent value    x000D        x000D      x000D    return query string  x000D    x000D   x000D  var query string    a 1 amp b 3 amp c m2-m3-m4-m5   x000D  var parsed qs   parse query string query string   x000D  console log parsed qs c   x000D   x000D   x000D    You can get the query string from the URL of the current page with   var query   window location search substring 1   var qs   parse query string query

User · Answer

ECMAScript 6 solution   var params   window location search    substring 1     split   amp       map v   gt  v split          reduce  map   key  value     gt  map set key  decodeURIComponent value    new Map

User · Answer

I found this ages ago  very easy   function getUrlVars         var vars           var parts   window location href replace     amp        amp         amp     gi          function m key value          vars key    value              return vars        Then call it like this   var fType   getUrlVars    type

User · Answer

Here is the angularJs source code for parsing url query parameters into an Object     x000D   x000D  function tryDecodeURIComponent value    x000D    try   x000D      return decodeURIComponent value   x000D      catch  e    x000D         Ignore any invalid uri component x000D      x000D    x000D   x000D  function isDefined value   return typeof value      undefined    x000D   x000D  function parseKeyValue keyValue    x000D    keyValue   keyValue replace             x000D    var obj       key value  key  x000D    var iter    keyValue        split   amp     x000D    for  var i 0  i lt iter length  i      x000D      var kValue   iter i   x000D      if  kValue    x000D        key value   kValue replace     g   20   split       x000D        key   tryDecodeURIComponent key value 0    x000D        if  isDefined key     x000D          var val   isDefined key value 1     tryDecodeURIComponent key value 1     true  x000D          if   hasOwnProperty call obj  key     x000D            obj key    val  x000D            else if  isArray obj key      x000D            obj key  push val   x000D            else   x000D            obj key     obj key  val   x000D            x000D          x000D        x000D       x000D    return obj  x000D    x000D   x000D  alert JSON stringify parseKeyValue   a 1 amp b 3 amp c m2-m3-m4-m5      x000D   x000D   x000D    You can add this function to window location   window location query   function query arg     q   parseKeyValue this search     if   isDefined arg         return q              if  q hasOwnProperty arg         return q arg       else       return               assuming you have this url      http   www test com t html a 1 amp b 3 amp c m2-m3-m4-m5  console log window location query        Object  a   1   b   3   c   m2-m3-m4-m5    console log window location query  c         m2-m3-m4-m5

User · Answer

you can do it by bellow function  function getParameter parameterName           let paramsIndex   document URL indexOf  quot   quot            let params  quot  quot           if paramsIndex gt 0              params document URL substring paramsIndex 1  document URL length  split  quot  amp  quot            let result               for let i 0 i lt params length i                          console warn params i  split  quot   quot   0  toString     quot   quot    params i  split  quot   quot   1  toString                 var obj     quot key quot  params i  split  quot   quot   0  toString    quot value quot  params i  split  quot   quot   1  toString                 result push obj                     return passedValue   result find x  gt x key  parameterName  value         now you can get parameter value with getParameter  quot parameterName quot

User · Answer

Try  url match     amp  c     amp       1     x000D   x000D  var url    www test com t html a 1 amp bc 3 amp c m2-m3-m4-m5   x000D   x000D  c  url match     amp  c     amp       1   x000D   x000D  console log c   x000D   x000D   x000D    This is improvement of Daniel Sokolowski answer Jun 27  19  Regexp explanation      amp   first matched character must be   or  amp   to omit param like ac   c  name of parameter with   char at end       match in first group    amp    zero or more characters       different     than  amp   1  choose first group from array of matches

User · Answer

Here is my solution  As advised by Andy E while answering this question  it s not good for your script s performance if it s repeatedly building various regex strings  running loops etc just to get a single value  So  I ve come up with a simpler script that returns all the GET parameters in a single object  You should call it just once  assign the result to a variable and then  at any point in the future  get any value you want from that variable using the appropriate key  Note that it also takes care of URI decoding  i e things like  20  and replaces   with a space    function getUrlQueryParams url      var queryString   url split      1     var keyValuePairs   queryString split   amp       var keyValue         var queryParams         keyValuePairs forEach function pair        keyValue   pair split           queryParams keyValue 0     decodeURIComponent keyValue 1   replace     g              return queryParams      So  here are are a few tests of the script for you to see      Query parameters with strings only  no special characters  var currentParams   getUrlQueryParams  example com foo number zero    alert currentParams  number        Gives  zero       For the URL you stated above    var someParams   getUrlQueryParams  www test com t html a 1 amp b 3 amp c m2-m3-m4-m5     alert someParams  c        Gives  m2-m3-m4-m5       For a query params with URI encoding    var someParams   getUrlQueryParams  www example com t html phrase a 20long 20shot amp location Silicon Valley 2C USA    alert someParams  phrase        Gives  a long shot   alert someParams  location        Gives  Silicon Valley  USA

User · Answer

You can get the query string in location search  then you can split everything after the question mark   var params        if  location search        var parts   location search substring 1  split   amp          for  var i   0  i  lt  parts length  i              var nv   parts i  split               if   nv 0   continue          params nv 0     nv 1     true              Now you can get the parameters you want like so  var abc   params abc

User · Answer

This Gist by Eldon McGuinness is by far the most complete implementation of a JavaScript query string parser that I ve seen so far   Unfortunately  it s written as a jQuery plugin   I rewrote it to vanilla JS and made a few improvements     x000D   x000D  function parseQuery str    x000D    var qso       x000D    var qs    str    document location search   x000D       Check for an empty querystring x000D    if  qs          x000D      return qso  x000D      x000D       Normalize the querystring x000D    qs   qs replace              replace    g    amp     x000D    while  qs indexOf   amp  amp       -1    x000D      qs   qs replace   amp  amp  g    amp     x000D      x000D    qs   qs replace      amp             x000D       Break the querystring into parts x000D    qs   qs split   amp     x000D       Build the querystring object x000D    for  var i   0  i  lt  qs length  i      x000D      var qi   qs i  split       x000D      qi   qi map function n    x000D        return decodeURIComponent n  x000D          x000D      if  typeof qi 1       undefined     x000D        qi 1    null  x000D        x000D      if  typeof qso qi 0        undefined     x000D   x000D           If a key already exists then make this an object x000D        if  typeof  qso qi 0        string     x000D          var temp   qso qi 0    x000D          if  qi 1           x000D            qi 1    null  x000D            x000D          qso qi 0         x000D          qso qi 0   push temp   x000D          qso qi 0   push qi 1    x000D   x000D          else if  typeof  qso qi 0        object     x000D          if  qi 1           x000D            qi 1    null  x000D            x000D          qso qi 0   push qi 1    x000D          x000D        else   x000D           If no key exists just set it as a string x000D        if  qi 1           x000D          qi 1    null  x000D          x000D        qso qi 0     qi 1   x000D        x000D      x000D    return qso  x000D    x000D   x000D     DEMO x000D  console log parseQuery   foo bar amp foo boo amp roo bar bee bop  ghost  ghost2  amp  checkbox 5B 5D b1 checkbox 5B 5D b2 dd  http http 3A 2F 2Fw3schools com 2Fmy 20test asp 3Fname 3Dst C3 A5le 26car 3Dsaab amp http http 3A 2F 2Fw3schools2 com 2Fmy 20test asp 3Fname 3Dst C3 A5le 26car 3Dsaab     x000D   x000D   x000D    See also this Fiddle

User · Answer

Elegant  functional style solution  Let s create an object containing URL param names as keys  then we can easily extract the parameter by its name      URL  https   example com  test true amp orderId 9381       Build an object containing key-value pairs export const queryStringParams   window location search    split      1     split   amp       map keyValue   gt  keyValue split          reduce lt QueryStringParams gt   params   key  value     gt        params key    value      return params             type QueryStringParams        key  string   string          Return URL parameter called  orderId  return queryStringParams orderId

User · Answer

Here is a recursive solution that has no regex  and has minimal mutation  only the params object is mutated  which I believe is unavoidable in JS    It s awesome because it    Is recursive Handles multiple parameters of the same name Deals well with malformed parameter strings  missing values  so on  Doesn t break if     is in the value Performs URL decoding And lastly  It s awesome because it   argh      Code   var get params   function search string       var parse   function params  pairs        var pair   pairs 0       var parts   pair split           var key   decodeURIComponent parts 0        var value   decodeURIComponent parts slice 1  join                Handle multiple parameters of the same name     if  typeof params key       undefined           params key    value        else         params key       concat params key   value              return pairs length    1   params   parse params  pairs slice 1             Get rid of leading     return search string length    0        parse     search string substr 1  split   amp         var params   get params location search       Finally  to get the param you want params  c

User · Answer

I developed a JavaScript tool to do this in one easy step  First  copy this script link into the head of your HTML    lt script src  https   booligoosh github io urlParams urlParams js  gt  lt  script gt    Then simply get the value of c using urlParams c or urlParams  c    Simple   You can see a real demo using your values here   Also keep in mind that I did develop this  but it s an easy and carefree solution to your problem  This tool also includes hex character decoding  which can often be helpful

User · Answer

Get a single param value   function getQueryParameter query  parameter    return  window location href split parameter        1  split   amp    0

User · Answer

Most implementations I ve seen miss out URL-decoding the names and the values   Here s a general utility function that also does proper URL-decoding   function getQueryParams qs        qs   qs split      join            var params               tokens          re       amp               amp     g       while  tokens   re exec qs             params decodeURIComponent tokens 1      decodeURIComponent tokens 2               return params       var query   getQueryParams document location search     alert query foo

User · Answer

We can get the c parameter values in a simpler way without looping all the parameters  see the below jQuery to get the parameters   1  To Get the Parameter value   var url    www test com t html a 1 amp b 3 amp c m2-m3-m4-m5    url match     c   0-9A-Za-z-   ig    0  replace  c          or   url match     c   0-z-   ig    0  replace  c         returns as a string      m2-m3-m4-m5    2  To Replace the parameter value   var url    www test com t html a 1 amp b 3 amp c m2-m3-m4-m5    url replace     c   0-9A-Za-z-   ig   c m2345

User · Answer

The shortest way   new URL location href  searchParams get  my key

User · Answer

Here s a short and simple function for getting a single param   function getUrlParam paramName        var match   window location search match     amp      paramName        amp         amp             return match    match 1    decodeURIComponent match 1           null      The handling of these special cases are consistent with URLSearchParams    If the parameter is missing  null is returned  If the parameter is present but there is no      e g    param       is returned    Note  If there is a chance that the parameter name can contain special URL or regex characters  e g  if it comes from user input  you need to escape it  This can easily be done like this   function getUrlParamWithSpecialName paramName        return getUrlParam encodeURIComponent paramName  replace                     g       amp

User · Answer

To extract all url params from search object in window location as json  export const getURLParams   location   gt        const searchParams   new URLSearchParams location search      const params           for  let key of searchParams keys              params key    searchParams get key             return params    console log getURLParams   search    query someting amp anotherquery anotherthing          -- gt   query   someting   anotherquery   anotherthing

User · Answer

I tried a lot of different ways  but this tried and true regex function works for me when I am looking for param values in a URL  hope this helps    x000D   x000D          var text    www test com t html a 1 amp b 3 amp c m2-m3-m4-m5  x000D   x000D          function QueryString item  text   x000D              var foundString   text match new RegExp       amp      item          amp       amp      i     x000D              return foundString   foundString 1    foundString  x000D            x000D   x000D          console log QueryString  c   text    x000D   x000D   x000D    use like QueuryString  param name   url  and will return the value     m2-m3-m4-m5

User · Answer

I use the parseUri library  It allows you to do exactly what you are asking for   var uri    www test com t html amp a 1 amp b 3 amp c m2-m3-m4-m5   var c   uri queryKey  c       c    m2-m3-m4-m5

User · Answer

This is an easy way to check just one parameter  Example URL  http   myserver action myParam 2  Example Javascript  var myParam   location search split  myParam    1   if  quot myParam quot  exists in the URL    variable myParam will contain  quot 2 quot   otherwise it will be undefined  Maybe you want a default value  in that case  var myParam   location search split  myParam    1    location search split  myParam    1     myDefaultValue    Update  This works better  var url    quot http   www example com index php myParam 384 amp login admin quot      or window location href for current url var captured    myParam     amp      exec url  1      Value is in  1    384  in our case  var result   captured   captured    myDefaultValue    And it works right even when URL is full of parameters

User · Answer

http localhost 8080 path param 1 a amp param 2 b var getParamsMap   function          var params   window location search split   amp         var paramsMap           params forEach function  p            var v   p split               paramsMap v 0   decodeURIComponent v 1                return paramsMap         -----------------------  console log getParamsMap    param 1         should log  a

User · Answer

this question has too many answers  so i m adding another one          parses and returns URI query parameters          param  string  param parm     param  bool   asArray if true  returns an array instead of a scalar      returns  Object Array       function getURIParameter param  asArray        return document location search substring 1  split   amp    reduce function p c            var parts   c split      2  map function param    return decodeURIComponent param               if parts length    0    parts 0     param  return  p instanceof Array   amp  amp   asArray   null   p          return asArray   p concat parts concat true  1     parts concat true  1                   usage   getURIParameter  id       returns the last id or null if not present getURIParameter  id   true     returns an array of all ids   this copes with empty parameters  those keys present without   value    exposure of both a scalar and array-based value retrieval API  as well as proper URI component decoding

User · Answer

Yet another suggestion    There are some good answers already  but I found them needlessly complex and hard to understand  This is short  simple  and returns a simple associative array with key names corresponding to the token names in the URL    I added a version with comments below for those who want to learn   Note this relies on jQuery    each  for its loop  which I recommend instead of forEach  I find it simpler to ensure cross-browser compatibility using jQuery across the board rather than plugging in individual fixes to support whichever new functions aren t supported in older browsers   Edit  After I wrote this I noticed Eric Elliott s answer  which is almost the same  though it uses forEach  while I m generally against  for reasons stated above    function getTokens        var tokens           var query   location search      query   query slice 1       query   query split   amp           each query  function i value               var token   value split                  var key   decodeURIComponent token 0                 var data   decodeURIComponent token 1            tokens key    data              return tokens      Commented version    function getTokens        var tokens                     new array to hold result     var query   location search     everything from the     onward      query   query slice 1          remove the first character  which will be the          query   query split   amp          split via each   amp    leaving us an array of something something strings         iterate through each something something string       each query  function i value                   split the something something string via      creating an array containing the token name and data         var token   value split                      assign the first array element  the token name  to the  key  variable         var key   decodeURIComponent token 0                     assign the second array element  the token data  to the  data  variable         var data   decodeURIComponent token 1             tokens key    data         add an associative key data pair to our result array  with key names being the URI token names              return tokens      return the array     For the examples below we ll assume this address   http   www example com page htm id 4 amp name murray   You can assign the URL tokens to your own variable   var tokens   getTokens      Then refer to each URL token by name like this   document write  tokens  id        This would print  4    You can also simply refer to a a token name from the function directly   document write  getTokens    name           which would print  murray

User · Answer

window location href split        then disregard the first index  Array prototype slice call window location href split       1     returns an array of your url parameters  var paramArray   Array prototype slice call window location href split           1   var paramObject   paramArray reduce function x  y  i  a    i 2  0      x y    a i 1     void 0  return x            A bit more verbose hacky but also functional  paramObject contains all parameters mapped as a js object

User · Answer

The easiest way using the replace   method   From the urlStr string   paramVal   urlStr replace    param name     amp                1      or from the current URL   paramVal   document URL replace    param name     amp                1      Explanation    document URL - interface returns the document location  page url  as a string  replace   - method returns a new string with some or all matches of a pattern replaced by a replacement     param name     amp        - the regular expression pattern enclosed between slashes which means       - zero or more of any characters  param name  - param name which is serched     - group in regular expression     amp    - one or more of any characters excluding  amp     - alternation   1 - reference to first group in regular expression      x000D   x000D  var urlStr    www test com t html a 1 amp b 3 amp c m2-m3-m4-m5   x000D  var c   urlStr replace    c     amp                1    x000D  var notExisted   urlStr replace    not existed     amp                1    x000D  console log  c        c      x000D  console log  notExisted        notExisted      x000D   x000D   x000D

User · Answer

You can simply use core javascript to get the param s key value as a js object   var url string    http   www example com t html a 1 amp b 3 amp c m2-m3-m4-m5   var url   new URL url string   let obj       var c   url searchParams forEach  value  key    gt      obj key    value      console log obj

User · Answer

window location search slice 1  split   amp    reduce  res  val    gt       res   val split      0    val split      1

User · Answer

Here is what I do   var uriParams   getSearchParameters    alert uriParams c        background functions      Get object associative array of URL parameters function getSearchParameters        var prmstr   window location search substr 1     return prmstr     null  amp  amp  prmstr          transformToAssocArray prmstr              convert parameters from url-style string to associative array function transformToAssocArray  prmstr      var params             prmarr   prmstr split   amp        for  var i   0  i  lt  prmarr length  i          var tmparr   prmarr i  split           params tmparr 0     tmparr 1         return params

User · Answer

Or if you don t want to reinvent the URI parsing wheel use URI js  To get the value of a parameter named foo   new URI     document location   search true  foo   What that does is    Convert document location to a string  it s an object   Feed that string to URI js s URI class construtor Invoke the search   function to get the search  query  portion of the url  passing true tells it to output an object  Access the foo property on the resulting object to get the value   Here s a fiddle for this     http   jsfiddle net m6tett01 12

User · Answer

function gup         var qs   document location search      qs   qs split      join           var params       tokens  re       amp               amp     g      while  tokens   re exec qs           params decodeURIComponent tokens 1      decodeURIComponent tokens 2        return params      use it like  var params   gup     and then  params param1 params param2

User · Answer

simplified version  tested function get name       var r       amp               amp      g p    match      while match   r exec window location   p match 1     match 2       return p name      usage  var parameter   get  parameter

User · Answer

I made a function that does this   var getUrlParams   function  url      var params          url        split      1  split   amp    forEach function  pair        pair    pair        split      map decodeURIComponent       if  pair 0  length          params pair 0     pair 1                 return params       Update 5 26 2017  here is an ES7 implementation  runs with babel preset stage 0  1  2  or 3    const getUrlParams   url   gt     url    split      1     split   amp    reduce  params  pair    gt        key  val    gt  key       params   key   val    params             pair    split      map decodeURIComponent           Some tests   console log getUrlParams  https   google com foo a 1 amp b 2 amp c        Will log  a   1   b   2   c      console log getUrlParams   foo a 1 amp b 2 amp c        Will log  a   1   b   2   c      console log getUrlParams   a 1 amp b 2 amp c        Will log  a   1   b   2   c      console log getUrlParams  https   google com         Will log    console log getUrlParams  a 1 amp b 2 amp c        Will log      Update 3 26 2018  here is a Typescript implementation   const getUrlParams    search  string    gt     search       split      1     split   amp       reduce       params  object  pair  string    gt          const  key  value       pair             split               map decodeURIComponent         return key length  gt  0        params   key   value     params                     Update 2 13 2019  here is an updated TypeScript implementation that works with TypeScript 3   interface IParams    key  string   string    const paramReducer    params  IParams  pair  string   IParams   gt      const  key  value       pair    split      map decodeURIComponent     return key length  gt  0        params   key   value     params    const getUrlParams    search  string   IParams   gt       search    split      1  split   amp    reduce lt IParams gt  paramReducer

User · Answer

function parseUrl url       let urlParam   url split      1       console log  --------- gt  URL param       urlParam       urlParam   urlParam split   amp         let urlParamObject           for let i 0 i  lt  urlParam length i             let tmp   urlParam i  split               urlParamObject tmp 0     tmp 1             return urlParamObject     let param   parseUrl url   param a    output 10 param b    output 20

User · Answer

You can add an input box and then ask the user to copy the value into it   it s really easy that way    lt h1 gt Hey User  Can you please copy the value out of the location bar where it says like   amp m 2  Thanks  And then  if you could   paste it in the box below and click the Done button  lt  h1 gt   lt input type  text  id  the-url-value    gt   lt input type  button  value  This is the Done button  Click here after you do all that other stuff I wrote     gt    lt script gt       read the value on click     Ok  seriously though   I found this code and it seems to work good   http   www developerdrive com 2013 08 turning-the-querystring-into-a-json-object-using-javascript   function queryToJSON         var pairs   location search slice 1  split   amp          var result           pairs forEach function pair            pair   pair split               result pair 0     decodeURIComponent pair 1                       return JSON parse JSON stringify result       var query   queryToJSON

[javascript] How to get the value from the GET parameters?

Examples related to javascript

Examples related to url

Examples related to url-parameters