How can I get query string values in JavaScript

Question

Is there a plugin-less way of retrieving query string values via jQuery  or without     If so  how  If not  is there a plugin which can do so

User · Answer

This will work    You need to call this function where you need get the parameter by passing its name     function getParameterByName name      name   name replace                replace                   var regexS         amp    name       amp          var regex   new RegExp  regexS      var results   regex exec  window location href      alert results 1      if  results    null      return       else     return results 1

User · Answer

If you want array-style parameters URL js supports arbitrarily nested array-style parameters as well as string indexes  maps   It also handles URL decoding   url get  val 0  zero amp val 1  one amp val 2  amp val 3   amp val 4  four amp val 5  0  n1 amp val 5  1  n2 amp val 5  2  n3 amp key val    array true       Result       val             zero            one           true                       four              n1    n2    n3              key   val

User · Answer

Some of the solutions posted here are inefficient  Repeating the regular expression search every time the script needs to access a parameter is completely unnecessary  one single function to split up the parameters into an associative-array style object is enough  If you re not working with the HTML 5 History API  this is only necessary once per page load   The other suggestions here also fail to decode the URL correctly   var urlParams   window onpopstate   function          var match          pl           g      Regex for replacing addition symbol with a space         search                      g          decode   function  s    return decodeURIComponent s replace pl                    query    window location search substring 1        urlParams           while  match   search exec query          urlParams decode match 1      decode match 2           Example querystring        i main amp mode front amp sid de8d49b78a85a322c4155015fdce22c4 amp enc  Hello 20 amp empty   Result    urlParams         enc    Hello        i   main       mode   front       sid   de8d49b78a85a322c4155015fdce22c4       empty        alert urlParams  mode        - gt   front   alert  empty  in urlParams      - gt  true   This could easily be improved upon to handle array-style query strings too   An example of this is here  but since array-style parameters aren t defined in RFC 3986 I won t pollute this answer with the source code  For those interested in a  polluted  version  look at campbeln s answer below   Also  as pointed out in the comments    is a legal delimiter for key value pairs   It would require a more complicated regex to handle   or  amp   which I think is unnecessary because it s rare that   is used and I would say even more unlikely that both would be used   If you need to support   instead of  amp   just swap them in the regex     If you re using a server-side preprocessing language  you might want to use its native JSON functions to do the heavy lifting for you   For example  in PHP you can write    lt script var urlParams    lt  php echo json encode   GET  JSON HEX TAG      lt  script   Much simpler   UPDATED     A new capability would be to retrieve repeated params as following myparam 1 amp myparam 2  There is not a specification  however  most of the current approaches follow the generation of an array    myparam     1    2     So  this is the approach to manage it   let urlParams        window onpopstate   function          let match          pl       g      Regex for replacing addition symbol with a space         search        amp           amp     g          decode   function  s                return decodeURIComponent s replace pl                            query   window location search substring 1        while  match   search exec query             if  decode match 1   in urlParams                if   Array isArray urlParams decode match 1                        urlParams decode match 1       urlParams decode match 1                                urlParams decode match 1    push decode match 2               else               urlParams decode match 1      decode match 2

User · Answer

A very lightweight jQuery method    var qs   window location search replace         split   amp         request         each qs  function i v        var initial  pair   v split           if initial   request pair 0             if    isArray initial                 request pair 0      initial                    request pair 0   push pair 1          else           request pair 0     pair 1             return      console log request     And to alert  for example  q  alert request q

User · Answer

Get all querystring parameters including checkbox values  arrays    Considering the correct  amp  normal use of GET parameters  the things I see it s missing  on most functions  is the support for arrays and removing the hash data   So I wrote this function   function qs a    if  a return      a a split      0  split   amp      var b a length c    d k v   while b--     d a b  split         k d 0  replace          v decodeURIComponent d 1          c k  typeof c k     string   c k   v c k     c k  unshift v   c k  v      return c     Using shorthand operators  amp  while-- loop  the performance should be very good to   Support    Empty values  key    key  Key value  key value  Arrays  key   value  Hash  the hash tag is split out    Notes   It does not support object arrays  key key  value   If the space is   it remains a     Add  replace     g       if you need   Usage   qs  array   1 amp array   2 amp key value amp empty  amp empty2 hash     Return          empty            key    value        array              1            2            Demo   http   jsfiddle net ZQMrt 1   Info  If you don t understand something or you can t read the function just ask  I m happy to explain what I did here   If you think the function is unreadable and unmaintainable I m happy to rewrite the function for you  but consider that shorthand  amp  bitwise operators are always faster than a standard syntax  maybe read about shorthands and bitwise operators in the ECMA-262 book or use your favorite search engine   Rewriting the code in a standard readable syntax means performance loss

User · Answer

function GetQueryStringParams sParam        var sPageURL   window location search substring 1       var sURLVariables   sPageURL split   amp          for  var i   0  i  lt  sURLVariables length  i                  var sParameterName   sURLVariables i  split               if  sParameterName 0     sParam                        return sParameterName 1                        And this is how you can use this function assuming the URL is     http   dummy com  stringtext jquery amp stringword jquerybyexample   var tech   GetQueryStringParams  stringtext    var blog   GetQueryStringParams  stringword

User · Answer

I developed a small library using techniques listed here to create an easy to use  drop-in solution to anyones troubles  It can be found here    https   github com Nijikokun query-js  Usage  Fetching specific parameter key   query get  param      Using the builder to fetch the entire object   var storage   query build    console log storage param     and tons more    check the github link for more examples   Features   Caching on both decoding and parameters Supports hash query strings  hello page 3 Supports passing custom queries Supports Array   Object Parameters user    jim  amp user    bob  Supports empty management  amp  amp  Supports declaration parameters without values name amp hello  world  Supports repeated parameters param 1 amp param 2 Clean  compact  and readable source 4kb AMD  Require  Node support

User · Answer

We ve just released arg js  a project aimed at solving this problem once and for all   It s traditionally been so difficult but now you can do   var name   Arg get  name      or getting the whole lot   var params   Arg all      and if you care about the difference between  query true and  hash true then you can use the Arg query   and Arg hash   methods

User · Answer

I needed an object from the query string  and I hate lots of code  It may not be the most robust in the universe  but it s just a few lines of code   var q       location href split      1  split   amp    forEach function i       q i split      0   i split      1         A URL like this htm hello world amp foo bar will create    hello  world   foo  bar

User · Answer

Here s my stab at making Andy E s excellent solution into a full fledged jQuery plugin     function             extend                 getQueryString  function  name                           function parseParams                     var params                           e                      a       g      Regex for replacing addition symbol with a space                     r        amp           amp     g                      d   function  s    return decodeURIComponent s replace a                                q   window location search substring 1                    while  e   r exec q                       params d e 1      d e 2                     return params                             if   this queryStringParams                  this queryStringParams   parseParams                  return this queryStringParams name                        jQuery     The syntax is   var someVar     getQueryString  myParam      Best of both worlds

User · Answer

function GET             var data               for x   0  x  lt  arguments length    x              data push location href match new RegExp       concat arguments x           n amp         1                   return data          example  data   GET  id   name   foo    query string    id 3 amp name jet amp foo b returns      data 0     3     data 1     jet     data 2     b or     alert GET  id   0      return 3

User · Answer

ES2015  ES6  getQueryStringParams   query   gt        return query                    test query    query slice 1    query               split   amp                 reduce  params  param    gt                        let  key  value    param split                           params key    value   decodeURIComponent value replace     g                                  return params                                                        Without jQuery var qs    function a        if  a     quot  quot   return         var b           for  var i   0  i  lt  a length    i                var p a i  split      2           if  p length    1              b p 0      quot  quot           else             b p 0     decodeURIComponent p 1  replace     g   quot   quot               return b     window location search substr 1  split   amp       With an URL like  topic 123 amp name query string  the following will return  qs  quot topic quot          123 qs  quot name quot           query string qs  quot nothere quot        undefined  object    Google method Tearing Google s code I found the method they use  getUrlParameters function  b        var c   typeof b      quot undefined quot       if  a     h  amp  amp  c  return a      for  var d       b   b    k B  vb   e   b p   quot   quot    f   b p   quot   quot    b    f     -1   b Ya  e   1     b Ya  e   1  f - e - 1    quot  amp  quot   b Ya  f   1   K   quot  quot    z   quot  amp  quot    e   i dd   ia   unescape  f   0  g   b w   f  lt  g    f            var l   b f  p   quot   quot            if  l     -1                var q   b f  I  0  l                   l   b f  I  l   1                   l   l Ca      g   quot   quot                try                   d q    e l                catch  A                         c  amp  amp   a   d       return d    It is obfuscated  but it is understandable  It does not work because some variables are undefined  They start to look for parameters on the url from   and also from the hash    Then for each parameter they split in the equal sign b f  p   quot   quot    which looks like indexOf  they use the position of the char to get the key value   Having it split they check whether the parameter has a value or not  if it has then they store the value of d  otherwise they just continue  In the end the object d is returned  handling escaping and the   sign  This object is just like mine  it has the same behavior   My method as a jQuery plugin  function            QueryString    function paramsArray            let params                for  let i   0  i  lt  paramsArray length    i                        let param   paramsArray i                   split      2                            if  param length     2                  continue                           params param 0     decodeURIComponent param 1  replace     g   quot   quot                                    return params         window location search substr 1  split   amp        jQuery    Usage   Get a param   QueryString param   -or-   QueryString  quot param quot     This outputs something like       quot val quot     Get all params as object   QueryString   This outputs something like      Object   param   quot val quot   param2   quot val quot       Set a param  only in the   QueryString object  doesn t affect the browser s querystring    QueryString param    quot newvalue quot    This doesn t output anything  it just updates the   QueryString object    Convert object into string suitable for url a querystring  Requires jQuery    param   QueryString    This outputs something like       quot param newvalue amp param2 val quot     Update the url querystring in the browser s location bar with the   QueryString object history replaceState          quot   quot      param   QueryString      -or- history pushState          quot   quot      param   QueryString      Performance test  split method against regex method   jsPerf  Preparation code  methods declaration Split test code var qs   window GetQueryString query    var search   qs  quot q quot    var value   qs  quot value quot    var undef   qs  quot undefinedstring quot     Regex test code var search   window getParameterByName  quot q quot    var value   window getParameterByName  quot value quot    var undef   window getParameterByName  quot undefinedstring quot     Testing in Firefox 4 0 x86 on Windows Server 2008 R2   7 x64  Split method  144 780   2 17  fastest Regex method  13 891   0 85    90  slower

User · Answer

Update  Sep-2018 You can use URLSearchParams which is simple and has decent  but not complete  browser support  const urlParams   new URLSearchParams window location search   const myParam   urlParams get  myParam     Original You don t need jQuery for that purpose  You can use just some pure JavaScript  function getParameterByName name  url   window location href        name   name replace         g       amp         var regex   new RegExp     amp      name          amp       amp                  results   regex exec url       if   results  return null      if   results 2   return         return decodeURIComponent results 2  replace     g            Usage     query string   foo lorem amp bar  amp baz var foo   getParameterByName  foo        quot lorem quot  var bar   getParameterByName  bar        quot  quot   present with empty value  var baz   getParameterByName  baz        quot  quot   present with no value  var qux   getParameterByName  qux       null  absent   NOTE  If a parameter is present several times   foo lorem amp foo ipsum   you will get the first value  lorem   There is no standard about this and usages vary  see for example this question  Authoritative position of duplicate HTTP GET query keys  NOTE  The function is case-sensitive  If you prefer case-insensitive parameter name  add  i  modifier to RegExp  This is an update based on the new URLSearchParams specs to achieve the same result more succinctly  See answer titled  quot URLSearchParams quot  below

User · Answer

The following function returns an object version of your queryString   You can simply write obj key1 and  obj key2 to access values of key1 and key2 in parameter   function getQueryStringObject         var querystring   document location search replace         split    amp          var objQueryString         var key    val         if typeof querystring     undefined                 return  typeof querystring             for i 0 i lt querystring length i                  key querystring i  split      0           val querystring i  split      1           objQueryString key    val            return objQueryString      And to use this function you can write  var obj  getQueryStringObject    alert obj key1

User · Answer

This function will return a parsed JavaScript object with any arbitrarily nested values using recursion as necessary   Here s a jsfiddle example         a a       amp b a       amp b b       amp c   a       amp c   b       amp d a  a       amp d a  x       amp e a    a       amp e a    b       amp f a  b  a       amp f a  b  x       amp g a  b    a       amp g a  b    b       amp h  2B  25       amp i aa b       amp i   b       amp j        amp k       amp  l       amp abc foo       amp def  5Basf 5D       amp ghi  j 3Dkl        amp xy 3Dz 5       amp foo b 3Dar       amp xy 5Bz 5    join        Given any of the above test examples   var qs   function a      var b  c  e    b         c   function d        return d  amp  amp  decodeURIComponent d replace     g                e   function f  g  h        var i  j  k  l      h   h   h   null      i                         g exec g       if  i           j  k  l     i 1   i 2   i 3         if  k     void 0            if  f j      void 0              f j                          f j  push h           else           if  typeof f j       object               f j                          if  l              e f j   k   l  h             else             e f j   k  h                           else         if  f hasOwnProperty g             if  Array isArray f g                f g  push h             else             f g       concat apply  f g     h                      else           f g    h                return f g                a replace                replace       amp             amp       g  function m  n  o        n  amp  amp  e b  c n   c o            return b

User · Answer

This one works fine  Regular expressions in some of the other answers introduce unnecessary overhead  function getQuerystring key        var query   window location search substring 1       var vars   query split  quot  amp  quot        for  var i   0  i  lt  vars length  i              var pair   vars i  split  quot   quot            if  pair 0     key                return pair 1                      taken from here

User · Answer

Here is my version of query string parsing code on GitHub   It s  prefixed  with jquery    but the parsing function itself don t use jQuery  It s pretty fast  but still open for few simple performance optimizations   Also it supports list  amp  hash-tables encoding in the URL  like   arr   10 amp arr   20 amp arr   100   or  hash key1  hello amp hash key2  moto amp a How 20are 20you     jQuery toQueryParams   function str  separator        separator   separator      amp       var obj          if  str length    0          return obj     var c   str substr 0 1      var s   c         c         str substr 1    str        var a   s split separator      for  var i 0  i lt a length  i              var p   a i  indexOf              if  p  lt  0                obj a i                    continue                   var k   decodeURIComponent a i  substr 0 p                v   decodeURIComponent a i  substr p 1            var bps   k indexOf              if  bps  lt  0                obj k    v             continue                      var bpe   k substr bps 1  indexOf              if  bpe  lt  0                obj k    v             continue                     var bpv   k substr bps 1  bps bpe-1          var k   k substr 0 bps          if  bpv length  lt   0                if  typeof obj k       object   obj k                   obj k  push v            else               if  typeof obj k       object   obj k                   obj k  bpv    v                     return obj

User · Answer

URLSearchParams Firefox 44   Opera 36   Edge 17   Safari 10 3  and Chrome 49  support the URLSearchParams API   Chrome Announcement and details Opera Announcement and details Firefox Announcement and details  There is a google-suggested URLSearchParams polyfill for the stable versions of IE  It is not standardized by W3C  but it is a living standard by WhatWG  You can use it on location  const params   new URLSearchParams location search    or const params    new URL location   searchParams   Or of course on any URL  const url   new URL  https   example com foo 1 amp bar 2    const params   new URLSearchParams url search    You can get params also using a shorthand  searchParams property on the URL object  like this  const params   new URL  https   example com foo 1 amp bar 2   searchParams  params get  foo        quot 1 quot  params get  bar        quot 2 quot    You read set parameters through the get KEY   set KEY  VALUE   append KEY  VALUE  API  You can also iterate over all values for  let p of params      A reference implementation and a sample page are available for auditing and testing

User · Answer

The problem with the top answer on that question is that it s not-supported parameters placed after    but sometimes it s needed to get this value also   I modified the answer to let it parse a full query string with a hash sign also   var getQueryStringData   function name        var result   null      var regexS         amp       name         amp            var regex   new RegExp regexS       var results   regex exec       window location href split      1        if  results    null            result   decodeURIComponent results 1  replace     g                   return result

User · Answer

Improved version of Artem Barger s answer   function getParameterByName name        var match   RegExp     amp      name         amp       exec window location search       return match  amp  amp  decodeURIComponent match 1  replace     g             For more information on improvement see  http   james padolsey com javascript bujs-1-getparameterbyname

User · Answer

Just another recommendation  The plugin Purl allows to retrieve all parts of URL  including anchor  host  etc   It can be used with or without jQuery   Usage is very simple and cool   var url     url  http   allmarkedup com folder dir index html item value       jQuery version var url   purl  http   allmarkedup com folder dir index html item value       plain JS version url attr  protocol       returns  http  url attr  path       returns   folder dir index html    However  as of Nov 11  2014  Purl is no longer maintained and the author recommends using URI js instead   The jQuery plugin is different in that it focuses on elements - for usage with strings  just use URI directly  with or without jQuery   Similar code would look as such  fuller docs here   var url   new URI  http   allmarkedup com folder dir index html item value       plain JS version url protocol       returns  http  url path       returns   folder dir index html

User · Answer

I recommend Dar Lessons as a good plugin  I have worked with it fo  a long time  You can also use the following code  Jus put var queryObj       before document ready and put the bellow code in the beginning of document ready  After this code you can use queryObj  queryObjectName   for any query object you have  var querystring   location search replace          split   amp     for  var i   0  i  lt  querystring length  i          var name   querystring i  split      0       var value   querystring i  split      1       queryObj name    value

User · Answer

These are all great answers  but I needed something a bit more robust  and thought you all might like to have what I created   It is a simple library method that does dissection and manipulation of URL parameters  The static method has the following sub methods that can be called on the subject URL    getHost getPath getHash setHash getParams getQuery setParam getParam hasParam removeParam   Example   URLParser url  getParam  myparam1       var url    http   www test com folder mypage html myparam1 1 amp myparam2 2 something    function URLParser u       var path    query    hash    params      if u indexOf       gt  0           hash   u substr u indexOf        1           u   u substr 0   u indexOf                  if u indexOf       gt  0           path   u substr 0   u indexOf                query   u substr u indexOf        1           params  query split   amp          else         path   u      return           getHost  function                var hostexp           w -                  var match   hostexp exec path               if  match    null  amp  amp  match length  gt  1                  return match 1               return                        getPath  function                var pathexp          w -                              var match   pathexp exec path               if  match    null  amp  amp  match length  gt  1                  return match 1               return                        getHash  function                return hash                     getParams  function                return params                    getQuery  function                return query                     setHash  function value               if query length  gt  0                  query         query              if value length  gt  0                  query   query         value              return path   query                     setParam  function name  value               if  params                   params  new Array                              params push name         value               for  var i   0  i  lt  params length  i                      if query length  gt  0                      query      amp                    query    params i                             if query length  gt  0                  query         query              if hash length  gt  0                  query   query         hash              return path   query                     getParam  function name               if params                   for  var i   0  i  lt  params length  i                          var pair   params i  split                           if  decodeURIComponent pair 0      name                          return decodeURIComponent pair 1                                                console log  Query variable  s not found   name                      hasParam  function name               if params                   for  var i   0  i  lt  params length  i                          var pair   params i  split                           if  decodeURIComponent pair 0      name                          return true                                              console log  Query variable  s not found   name                      removeParam  function name               query                   if params                   var newparams   new Array                    for  var i   0 i  lt  params length i                          var pair   params i  split                           if  decodeURIComponent pair 0      name                            newparams  push params i                                      params   newparams                  for  var i   0  i  lt  params length  i                          if query length  gt  0                          query      amp                        query    params i                                               if query length  gt  0                  query         query              if hash length  gt  0                  query   query         hash              return path   query                       document write  Host      URLParser url  getHost       lt br gt     document write  Path      URLParser url  getPath       lt br gt     document write  Query      URLParser url  getQuery       lt br gt     document write  Hash      URLParser url  getHash       lt br gt     document write  Params Array      URLParser url  getParams       lt br gt     document write  Param      URLParser url  getParam  myparam1       lt br gt     document write  Has Param      URLParser url  hasParam  myparam1       lt br gt      document write url     lt br gt         Remove the first parameter url   URLParser url  removeParam  myparam1    document write url     - Remove the first parameter lt br gt         Add a third parameter url   URLParser url  setParam  myparam3  3   document write url     - Add a third parameter lt br gt         Remove the second parameter url   URLParser url  removeParam  myparam2    document write url     - Remove the second parameter lt br gt         Add a hash url   URLParser url  setHash  newhash    document write url     - Set Hash lt br gt         Remove the last parameter url   URLParser url  removeParam  myparam3    document write url     - Remove the last parameter lt br gt         Remove a parameter that doesn t exist url   URLParser url  removeParam  myparam3    document write url     - Remove a parameter that doesn  t exist lt br gt

User · Answer

See this post or use this    lt script type  text javascript  language  javascript  gt        document  ready function                 var urlParams                function                          var match              pl      g      Regular expression for replacing addition symbol with a space             search        amp           amp     g              decode   function  s    return decodeURIComponent s replace pl                        query    window location search substring 1                while  match   search exec query                   urlParams decode match 1      decode match 2                           if  urlParams  q1       1                        return 1                     lt  script gt

User · Answer

function getUrlVar key       var result   new RegExp key         amp        i   exec window location search        return result  amp  amp  unescape result 1               https   gist github com 1771618

User · Answer

Here s what I m using          Examples     getUrlParams    myparam         url defaults to the current page    getUrlParams url   myparam      url can be just a query string       Results of calling  getUrlParams url   myparam    with various urls     example com                                undefined     example com                                undefined     example com myparam                        empty string     example com myparam                        empty string     example com myparam 0                      the string  0      example com myparam 0 amp myparam override     the string  override         Origin  http   stackoverflow com a 23946023 2407309     function getUrlParams  url        var urlParams         return value     var queryString   getQueryString       if  queryString            var keyValuePairs   queryString split   amp            for  var i   0  i  lt  keyValuePairs length  i                  var keyValuePair   keyValuePairs i  split                  var paramName   keyValuePair 0              var paramValue   keyValuePair 1                    urlParams paramName    decodeURIComponent paramValue replace     g                            return urlParams    functions below     function getQueryString              var reducedUrl   url    window location search         reducedUrl   reducedUrl split      0     Discard fragment identifier          var queryString   reducedUrl split      1          if   queryString                if  reducedUrl search          false       URL is a query string                  queryString   reducedUrl                                 return queryString          getQueryString      getUrlParams   Returning  override  rather than  0  in the last case makes it consistent with PHP  Works in IE7

User · Answer

Use       document  ready function            var urlParams              function                var match            pl       g     Regex for replacing addition symbol with a space               search        amp           amp     g                decode   function  s                      return decodeURIComponent s replace pl                                        query   window location search substring 1              while  match   search exec query                 urlParams decode match 1      decode match 2                      if  urlParams  q1       1              return 1            Please check and let me know your comments  Also refer to How to get querystring value using jQuery

User · Answer

I like Ryan Phelan s solution  But I don t see any point of extending jQuery for that  There is no usage of jQuery functionality   On the other hand  I like the built-in function in Google Chrome  window location getParameter   So why not to use this  Okay  other browsers don t have  So let s create this function if it does not exist   if   window location getParameter       window location getParameter   function key        function parseParams             var params                   e              a       g      Regex for replacing addition symbol with a space             r        amp           amp     g              d   function  s    return decodeURIComponent s replace a                        q   window location search substring 1            while  e   r exec q               params d e 1      d e 2             return params             if   this queryStringParams          this queryStringParams   parseParams          return this queryStringParams key            This function is more or less from Ryan Phelan  but it is wrapped differently  clear name and no dependencies of other javascript libraries  More about this function on my blog

User · Answer

Here is a fast way to get an object similar to the PHP   GET array   function get query        var url   location search      var qs   url substring url indexOf        1  split   amp         for var i   0  result       i  lt  qs length  i             qs i    qs i  split               result qs i  0     decodeURIComponent qs i  1              return result      Usage   var   GET   get query      For the query string x 5 amp y amp z hello amp x 6 this returns the object       x   6     y  undefined    z   hello

User · Answer

Here s an extended version of Andy E s linked  Handle array-style query strings -version  Fixed a bug   key 1 amp key   2 amp key   3  1 is lost and replaced with  2 3    made a few minor performance improvements  re-decoding of values  recalculating     position  etc   and added a number of improvements  functionalized  support for  key 1 amp key 2  support for   delimiters   I left the variables annoyingly short  but added comments galore to make them readable  oh  and I reused v within the local functions  sorry if that is confusing      It will handle the following querystring         test Hello amp person neek amp person   jeff amp person   jim amp person extra  john amp test3 amp nocache 1398914891264      making it into an object that looks like            test    Hello        person              0    neek            1    jeff            2    jim            length   3           extra    john              test3            nocache    1398914891264      As you can see above  this version handles some measure of  malformed  arrays  i e  - person neek amp person   jeff amp person   jim or person neek amp person jeff amp person jim as the key is identifiable and valid  at least in dotNet s NameValueCollection Add       If the specified key already exists in the target NameValueCollection   instance  the specified value is added to the existing comma-separated   list of values in the form  value1 value2 value3     It seems the jury is somewhat out on repeated keys as there is no spec  In this case  multiple keys are stored as an  fake array  But do note that I do not process values based on commas into arrays   The code   getQueryStringKey   function key        return getQueryStringAsObject   key        getQueryStringAsObject   function         var b  cv  e  k  ma  sk  v  r               d   function  v    return decodeURIComponent v  replace     g               d ecode  the v alue          q   window location search substring 1       suggested  q   decodeURIComponent window location search substring 1            s        amp            amp      g     original regex that does not allow for   as a delimiter         amp           amp     g                ma make array  out of the v alue      ma   function v                If the passed v alue  hasn t been setup as an object         if  typeof v     object                     Grab the cv current value  then setup the v alue  as an object             cv   v              v                   v length   0                   If there was a cv current value    push it into the new v alue  s array                     NOTE  This may or may not be 100  logical to do    but it s better than loosing the original value             if  cv    Array prototype push call v  cv                       return v                  While we still have key-value e ntries  from the q uerystring  via the s earch regex         while  e   s exec q         while  e   s exec q       null                Collect the open b racket  location  if any  then set the d ecoded  v alue  from the above split key-value e ntry           b   e 1  indexOf               v   d e 2                 As long as this is NOT a hash  -style key-value e ntry          if  b  lt  0        b     -1                  d ecode  the simple k ey              k   d e 1                     If the k ey  already exists             if  r k                         ma make array  out of the k ey  then  push the v alue  into the k ey  s array in the r eturn value                  r k    ma r k                    Array prototype push call r k   v                                 Else this is a new k ey   so just add the k ey  v alue  into the r eturn value              else                   r k    v                                      Else we ve got ourselves a hash  -style key-value e ntry           else                   Collect the d ecoded  k ey  and the d ecoded  sk sub-key  based on the b racket  locations             k   d e 1  slice 0  b                sk   d e 1  slice b   1  e 1  indexOf      b                      ma make array  out of the k ey               r k    ma r k                     If we have a sk sub-key   plug the v alue  into it             if  sk    r k  sk    v                    Else  push the v alue  into the k ey  s array             else   Array prototype push call r k   v                              Return the r eturn value      return r

User · Answer

Quick  easy  and fast   The function   function getUrlVar         var result           var location   window location href split           var parts   location 0  replace     amp        amp         amp     gi  function m key value            result  key    value              return result      Usage   var varRequest   getUrlVar    theUrlVarName

User · Answer

I did a small URL library for my needs here  https   github com Mikhus jsurl  It s a more common way of manipulating the URLs in JavaScript  Meanwhile it s really lightweight  minified and gzipped  lt  1 nbsp KB  and has a very simple and clean API  And it does not need any other library to work   Regarding the initial question  it s very simple to do   var u   new Url     Current document URL    or var u   new Url  http   user pass example com 8080 some path foo bar amp bar baz anchor        Looking for query string parameters alert  u query bar   alert  u query foo       Modifying query string parameters u query foo    bla   u query woo     hi    hey    alert u query foo   alert u query woo   alert u

User · Answer

The shortest possible expression in terms of size to obtain a query object seems to be   var params       location search substr 1  replace      amp          amp     amp   g    function      params decodeURIComponent arguments 1      decodeURIComponent arguments 2          You can make use of the A element to parse a URI from a string into its location-like components  to get rid of       for example    var a   document createElement  a    a href   url     Parse a search substr 1     as above

User · Answer

Here s my own take on this  This first function decodes a URL string into an object of name value pairs   url args decode   function  url      var args enc  el  i  nameval  ret    ret            use the DOM to parse the URL via an  a  element   el   document createElement  a      el href   url       strip off initial   on search and split   args enc   el search substring 1  split   amp       for  i   0  i  lt  args enc length  i             convert   into space  split on    and then decode      args enc i  replace     g            nameval   args enc i  split      2       ret decodeURIComponent nameval 0    decodeURIComponent nameval 1          return ret       And as an added bonus  if you change some of the args  you can use this second function to put the array of args back into the URL string   url args replace   function  url  args      var args enc  el  name       use the DOM to parse the URL via an  a  element   el   document createElement  a      el href   url    args enc            encode args to go into url   for  name in args        if  args hasOwnProperty name           name   encodeURIComponent name         args name    encodeURIComponent args name          args enc push name         args name                if  args enc length  gt  0        el search         args enc join   amp         else       el search             return el href

User · Answer

tl dr  A quick  complete solution  which handles multivalued keys and encoded characters   var qd       if  location search  location search substr 1  split   amp    forEach function item   var s   item split       k   s 0   v   s 1   amp  amp  decodeURIComponent s 1     qd k    qd k         push v       using ES6    23 characters cooler  var qd       if  location search  location search substr 1  split  amp   forEach item   gt   let  k v    item split     v   v  amp  amp  decodeURIComponent v    qd k    qd k         push v      Multi-lined   var qd       if  location search  location search substr 1  split   amp    forEach function item        var s   item split               k   s 0           v   s 1   amp  amp  decodeURIComponent s 1        null-coalescing   short-circuit        k in qd    qd k  push v    qd k     v       qd k    qd k         push v     null-coalescing   short-circuit      What is all this code     null-coalescing   short-circuit evaluation ES6 Destructuring assignments  Arrow functions  Template strings  Example     a 1 amp b 0 amp c 3 amp d amp e amp a 5 amp a t 20e 20x 20t amp e http 3A 2F 2Fw3schools com 2Fmy 20test asp 3Fname 3Dst  le 26car 3Dsaab   gt  qd a    1    5    t e x t   b    0   c    3   d   undefined  e   undefined   http   w3schools com my test asp name st  le amp car saab     gt  qd a 1         5   gt  qd  a   1      5        Read more    about the Vanilla JavaScript solution   To access different parts of a URL use location  search hash   Easiest  dummy  solution  var queryDict       location search substr 1  split   amp    forEach function item   queryDict item split      0     item split      1       Handles empty keys correctly  Overrides multi-keys with last value found      a 1 amp b 0 amp c 3 amp d amp e amp a 5   gt  queryDict a   5  b   0  c   3  d  undefined e  undefined   Multi-valued keys  Simple key check  item in dict    dict item push val    dict item    val   var qd       location search substr 1  split   amp    forEach function item    item split      0  in qd    qd item split      0   push item split      1     qd item split      0      item split      1        Now returns arrays instead  Access values by qd key index  or qd key  index     gt  qd a    1    5   b    0   c    3   d   undefined  e   undefined    Encoded characters   Use decodeURIComponent   for the second or both splits   var qd       location search substr 1  split   amp    forEach function item   var k   item split      0   v   decodeURIComponent item split      1     k in qd    qd k  push v    qd k     v      Example     a 1 amp b 0 amp c 3 amp d amp e amp a 5 amp a t 20e 20x 20t amp e http 3A 2F 2Fw3schools com 2Fmy 20test asp 3Fname 3Dst  le 26car 3Dsaab   gt  qd a    1    5    t e x t   b    0   c    3   d    undefined       decodeURIComponent undefined  returns  undefined       e    undefined    http   w3schools com my test asp name st  le amp car saab        From comments       Please note  that decodeURIComponent undefined  returns string  undefined   The solution lies in a simple usage of  amp  amp   which ensures that decodeURIComponent   is not called on undefined values   See the  complete solution  at the top    v   v  amp  amp  decodeURIComponent v      If the querystring is empty  location search         the result is somewhat misleading qd         undefined   It is suggested to check the querystring before launching the parsing function likeso   if  location search  location search substr 1  split   amp    forEach

User · Answer

I used this code  JavaScript  to get the what is passed through the URL   function getUrlVars                 var vars                   var parts   window location href replace     amp        amp         amp     gi  function m key value                    vars key    value                              return vars              Then to assign the value to a variable  you only have to specify which parameter you want to get  ie if the URL is example com  I 1 amp p 2 amp f 3  You can do this to get the values   var getI   getUrlVars    I    var getP   getUrlVars    p    var getF   getUrlVars    f      then the values would be   getI   1  getP   2 and getF   3

User · Answer

Most pretty but basic   data         each      location search substr 1  split   amp    filter Boolean  map function kvpairs           return kvpairs split                  function i values            data values shift      values join                 It doesn t handle values lists such as  a   1 amp a  2

User · Answer

This is a function I created a while back and I m quite happy with  It is not case sensitive - which is handy  Also  if the requested QS doesn t exist  it just returns an empty string   I use a compressed version of this  I m posting uncompressed for the novice types to better explain what s going on   I m sure this could be optimized or done differently to work faster  but it s always worked great for what I need   Enjoy   function getQSP sName  sURL        var theItmToRtn           var theSrchStrg   location search      if  sURL  theSrchStrg   sURL      var sOrig   theSrchStrg      theSrchStrg   theSrchStrg toUpperCase        sName   sName toUpperCase        theSrchStrg   theSrchStrg replace        amp    theSrchStrg   theSrchStrg     amp        var theSrchToken     amp     sName            if  theSrchStrg indexOf theSrchToken     -1            var theSrchTokenLth   theSrchToken length          var theSrchTokenLocStart   theSrchStrg indexOf theSrchToken    theSrchTokenLth          var theLocOfNextAndSign   theSrchStrg indexOf   amp    theSrchTokenLocStart           theItmToRtn   unescape sOrig substring theSrchTokenLocStart  theLocOfNextAndSign              return unescape theItmToRtn

User · Answer

I use regular expressions a lot  but not for that   It seems easier and more efficient to me to read the query string once in my application  and build an object from all the key value pairs like   var search   function       var s   window location search substr 1       p   s split    amp     l   p length  kv  r         if  l     0   return false     while  l--        kv   p l  split            r kv 0     decodeURIComponent kv 1            true        return r         For a URL like http   domain com param1 val1 amp param2 val2 you can get their value later in your code as search param1 and search param2

User · Answer

I like this one  taken from jquery-howto blogspot co uk       get an array with all querystring values    example  var valor   getUrlVars    valor    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      Works great for me

User · Answer

This is very simple method to get parameter value query string   Use gV para name  function to retrieve its value  var a window location search  a a replace a charAt 0         Removes     a a split   amp      function gV x    for i 0 i lt a length i       var b a i  substr 0 a i  indexOf          if x  b      return a i  substr a i  indexOf      1 a i  length

User · Answer

Roshambo on snipplr com has a simple script to achieve this described in Get URL Parameters with jQuery   Improved  With his script you also easily get to pull out just the parameters you want   Here s the gist     urlParam   function name  url        if   url         url   window location href            var results   new RegExp       amp      name         amp        exec url       if   results             return undefined            return results 1     undefined      Then just get your parameters from the query string   So if the URL query string was xyz com index html lang de   Just call var langval     urlParam  lang     and you ve got it   UZBEKJON has a great blog post on this as well  Get URL parameters  amp  values with jQuery

User · Answer

From the MDN   function loadPageVar  sVar        return unescape window location search replace new RegExp          amp         escape sVar  replace           g       amp                 amp               i      1        alert loadPageVar  name

User · Answer

This will parse variables AND arrays from a URL string  It uses neither regex or any external library   function url2json url       var obj        function arr vals arr         if  arr indexOf       gt  1            var vals   arr slice 1  -1  split                var arr                for  var i   0  i  lt  vals length  i                arr i  vals i            return arr                else          return arr slice 1  -1           function eval var avar         if   avar 1             obj avar 0               else       if  avar 1  indexOf         0           obj avar 0     arr vals avar 1          else          obj avar 0     avar 1           if  url indexOf       gt  -1         var params   url split      1         if params indexOf   amp     gt  2            var vars   params split   amp              for  var i in vars              eval var vars i  split                      else          eval var params split                return obj      Example   var url    http   www x com luckyNums  31 21 6  amp name John amp favFoods  pizza  amp noVal  console log url2json url      Output    object     noVal        favFoods   pizza     name       John     luckyNums        0   31        1   21        2   6

User · Answer

One-liner to get the query   var value   location search match new RegExp key               amp      i    1

User · Answer

I believe this to be an accurate and concise way to achieve this  modified from http   css-tricks com snippets javascript get-url-variables     function getQueryVariable variable         var query   window location search substring 1                 Remove the   from the query string          vars   query split   amp                                       Split all values by ampersand       for  var i   0  i  lt  vars length  i                             Loop through them            var pair   vars i  split                                   Split the name from the value          if  pair 0     variable                                    Once the requested value is found                return   pair 1     undefined     null   pair 1        Return null if there is no value  no equals sign   otherwise return the value                       return undefined                                               Wasn t found

User · Answer

There is a nice little url utility for this with some cool sugaring   http   www example com path index html silly willy chucky cheese  url                  http   www example com path index html silly willy chucky cheese url  domain          example com url  1               path url  -1              index html url                  silly willy url   silly          willy url   poo             an empty string  url                  chucky cheese url   chucky         cheese url   poo             an empty string    Check out more examples and download here  https   github com websanova js-url url

User · Answer

If you re doing more URL manipulation than simply parsing the querystring  you may find URI js helpful  It is a library for manipulating URLs - and comes with all the bells and whistles   Sorry for self-advertising here   to convert your querystring into a map   var data   URI   foo bar amp bar baz amp foo world   query true   data         foo     bar    world       bar    baz       URI js also  fixes  bad querystrings like   amp foo amp  amp bar baz amp  to  foo amp bar baz

User · Answer

A simple solution with plain JavaScript and regular expressions   alert getQueryString  p2      function getQueryString  Param        return decodeURI  http   www example com  p1 p11 amp p2 p2222  replace new RegExp          amp       encodeURI Param  replace        g     amp               amp               i      1         JsFiddle

User · Answer

There are many solutions to retrieve URI query values  I prefer this one because it s short and works great   function get name      if name  new RegExp     amp    encodeURIComponent name        amp        exec location search         return decodeURIComponent name 1

User · Answer

Roshambo jQuery method wasn t taking care of decode URL     http   snipplr com view 26662 get-url-parameters-with-jquery--improved    Just added that capability also while adding in  the return statement   return decodeURIComponent results 1  replace     g           0    Now you can find the updated gist     urlParam   function name   var results   new RegExp       amp      name         amp        exec window location href   if   results    return 0    return decodeURIComponent results 1  replace     g           0

User · Answer

The following code will create an object which has two methods    isKeyExist  Check if a particular parameter exist getValue  Get the value of a particular parameter     nbsp   var QSParam   new function            var qsParm              var query   window location search substring 1          var params   query split   amp            for  var i   0  i  lt  params length  i                 var pos   params i  indexOf                  if  pos  gt  0                   var key   params i  substring 0  pos                  var val   params i  substring pos   1                  qsParm key    val                               this isKeyExist   function query              if qsParm query                   return true                          else                return false                                this getValue   function query              if qsParm query                               return qsParm query                           throw  URL does not contain query    query

User · Answer

var getUrlParameters   function  name  url        if   name            return undefined             name   name replace                replace                     url   url    location search       var regex   new RegExp       amp       name          amp         gi    result  resultList            while  result   regex exec url             resultList push decodeURIComponent result 1  replace     g                     return resultList length   resultList length     1   resultList 0    resultList   undefined

User · Answer

Try this   String prototype getValueByKey   function k       var p   new RegExp    b  k    b   gi        return this search p     -1   decodeURIComponent this substr this search p  k length 1  substr 0 this substr this search p  k length 1  search    amp                      Then call it like so   if location search        location search getValueByKey  id      You can use this for cookies also   if navigator cookieEnabled  document cookie getValueByKey  username      This only works for strings that have key value  amp          will not work on objects arrays   If you don t want to use String prototype    move it to a function and pass the string as an argument

User · Answer

Here is String prototype implementation   String prototype getParam   function  str        str   str replace                replace                     var regex   new RegExp        amp     str       amp                  var results   regex exec  this        if  results    null            return           else           return results 1             Example call   var status   str getParam  status     str can be a query string or url

User · Answer

I took this answer and added support for optionally passing the URL in as a parameter  falls back to window location search  Obviously this is useful for getting the query string parameters from URLs that are not the current page    function    undef        QueryString   function url        var pairs  qs   null  index  map           if url    undef         qs   window location search substr 1        else        index   url indexOf             if index    -1  return           qs   url substring index 1             pairs   qs split   amp         if  pairs        return         for  var i   0  i  lt  pairs length    i              var p   pairs i  split             if p length    2  continue        map p 0     decodeURIComponent p 1  replace     g                   return map          jQuery

User · Answer

If you are using Browserify  you can use the url module from Node js   var url   require  url     url parse  http   example com  bob 123   true  query      returns    bob    123      Further reading  URL Node js v0 12 2 Manual  amp  Documentation  EDIT  You can use URL interface  its quite widely adopted in almost all the new browser and if the code is going to run on an old browser you can use a polyfill like this one  Here s a code example on how to use URL interface to get query parameters  aka search parameters   const url   new URL  http   example com  bob 123    url searchParams get  bob       You can also use URLSearchParams for it  here s an example from MDN to do it with URLSearchParams   var paramsString    q URLUtils searchParams amp topic api   var searchParams   new URLSearchParams paramsString      Iterate the search parameters  for  let p of searchParams      console log p      searchParams has  topic       true     true searchParams get  topic        api      true searchParams getAll  topic         api   searchParams get  foo       null     true searchParams append  topic    webdev    searchParams toString        q URLUtils searchParams amp topic api amp topic webdev  searchParams set  topic    More webdev    searchParams toString        q URLUtils searchParams amp topic More webdev  searchParams delete  topic    searchParams toString        q URLUtils searchParams

User · Answer

This the most simple and small function JavaScript to get int ans String parameter value from URL     THIS FUNCTION IS TO FETCH INT PARAMETER VALUES     function getParameterint param                var val   document URL              var url   val substr val indexOf param                 var n parseInt url replace param                       alert n      getParameteraint  page    getParameteraint  pagee       THIS FUNCTION IS TO FETCH STRING PARAMETER   function getParameterstr param                var val   document URL              var url   val substr val indexOf param                 var n url replace param                      alert n      getParameterstr  str      Source And DEMO   http   bloggerplugnplay blogspot in 2012 08 how-to-get-url-parameter-in-javascript html

User · Answer

Just use two splits   function get n        var half   location search split n        1       return half     undefined   decodeURIComponent half split   amp    0     null      I was reading all the previous and more complete answers  But I think that is the simplest and faster method  You can check in this jsPerf benchmark  To solve the problem in Rup s comment  add a conditional split by changing the first line to the two below  But absolute accuracy means it s now slower than regexp  see jsPerf    function get n        var half   location search split   amp     n        1       if   half  half   location search split       n        1       return half     undefined   decodeURIComponent half split   amp    0     null      So if you know you won t run into Rup s counter-case  this wins  Otherwise  regexp      Or if you have control of the querystring and can guarantee that a value you are trying to get will never contain any URL encoded   characters  having these in a value would be a bad idea  - you can use   the following slightly more simplified and readable version of the 1st option       function getQueryStringValueByName name            var queryStringFromStartOfValue   location search split name        1            return queryStringFromStartOfValue     undefined   queryStringFromStartOfValue split   amp    0    null

User · Answer

This didn t work for me  I want to match  b as the b parameter is present  and not match  return as the r parameter  here is my solution   window query param   function name      var param value  params     params   location search replace               params     map params split   amp     function s        return s split                param value     select params  function s        return s first     name       0      if  param value        return decodeURIComponent param value 1              else       return null

User · Answer

Parse query string var params       queryString   location hash substring 1       regex        amp          amp     g      m  while  m   regex exec queryString         params decodeURIComponent m 1      decodeURIComponent m 2

User · Answer

http   someurl com key value amp keynovalue amp keyemptyvalue  amp  amp keynovalue nowhasvalue somehash    Regular key value pair   param value  Keys w o value   param   no equal sign or value  Keys w  empty value   param    equal sign  but no value to right of equal sign  Repeated Keys   param 1 amp param 2  Removes Empty Keys    amp  amp    no key or value    Code    var queryString   window location search        var keyValPairs       var params            queryString       queryString substr 1    if  queryString length       keyValPairs   queryString split   amp        for  pairNum in keyValPairs             var key   keyValPairs pairNum  split      0         if   key length  continue        if  typeof params key       undefined            params key              params key  push keyValPairs pairNum  split      1              How to Call    params  key        returns an array of values  1  n     Output    key              value   keyemptyvalue       keynovalue      undefined   nowhasvalue

User · Answer

Keep it simple in plain JavaScript code   function qs key        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 key       Call it from anywhere in the JavaScript code   var result   qs  someKey

User · Answer

Here s my edit to this excellent answer - with added ability to parse query strings with keys without values   var url    http   sb com reg step1 param   var qs    function a        if  a        return         var b           for  var i   0  i  lt  a length    i            var p a i  split      2           if  p 1   p 1    decodeURIComponent p 1  replace     g                 b p 0     p 1             return b      url split       1  split   amp        IMPORTANT  The parameter for that function in the last line is different  It s just an example of how one can pass an arbitrary URL to it  You can use last line from Bruno s answer to parse the current URL   So what exactly changed  With url http   sb com reg step1 param  results will be same  But with url http   sb com reg step1 param Bruno s solution returns an object without keys  while mine returns an object with key param and undefined value

User · Answer

For those who wants a short method  with limitations    location search split  myParameter    1

User · Answer

There s a robust implementation in Node js s source https   github com joyent node blob master lib querystring js    Also TJ s qs does nested params parsing https   github com visionmedia node-querystring

User · Answer

If you re using jQuery  you can use a library  such as jQuery BBQ  Back Button  amp  Query Library         jQuery BBQ provides a full  deparam   method  along with both hash state management  and fragment   query string parse and merge utility methods    Edit  Adding Deparam Example    x000D   x000D   var DeparamExample   function     x000D              var params     deparam querystring    x000D   x000D                nameofparam is the name of a param from url x000D                code below will get param if ajax refresh with hash x000D              if  typeof params nameofparam     undefined     x000D                  params   jQuery deparam fragment window location href   x000D                x000D               x000D              if  typeof params nameofparam     undefined     x000D                  var paramValue   params nameofparam toString    x000D                     x000D                x000D             x000D   x000D   x000D    If you want to just use plain JavaScript  you could use     var getParamValue    function         var params      var resetParams   function                 var query   window location search              var regex       amp             amp      g              var match               params                    if  query                    while  match   regex exec query                         params match 1     decodeURIComponent match 2                                                        window addEventListener      amp  amp  window addEventListener  popstate   resetParams        resetParams         return function param            return params hasOwnProperty param    params param    null                  Because of the new HTML History API and specifically history pushState   and history replaceState    the URL can change which will invalidate the cache of parameters and their values   This version will update its internal cache of parameters each time the history changes

User · Answer

I would rather use split   instead of Regex for this operation   function getUrlParams         var result           var params    window location search split      1         split   amp         for var param in params            if  params hasOwnProperty param                 var paramParts   params param  split                   result paramParts 0     decodeURIComponent paramParts 1                              return result

User · Answer

Code golf   var a   location search amp  amp location search substr 1  replace     gi      split   amp     for  var i in a        var s   a i  split           a i     a unescape s 0      unescape s 1        Display it   for  i in a        document write i         a i      lt br  gt             On my Mac  test htm i can amp has cheezburger displays  0 can 1 cheezburger i can has cheezburger

User · Answer

If you have Underscore js or lodash  a quick and dirty way to get this done is     object window location search slice 1  split   amp    map function  val    return val split

User · Answer

If you do not wish to use a JavaScript library you can use the JavaScript string functions to parse window location  Keep this code in an external  js file and you can use it over and over again in different projects      Example - window location    index htm name bob    var value   getParameterValue  name     alert  name       value    function getParameterValue param        var url   window location      var parts   url split           var params   parts 1  split   amp         var val            for   var i 0  i lt params length  i                  var paramNameVal   params i  split                if   paramNameVal 0     param                         val   paramNameVal 1                       return val

User · Answer

Doing this reliably is more involved than one may think at first   location search  which is used in other answers  is brittle and should be avoided - for example  it returns empty if someone screws up and puts a  fragment identifier before the  query string  There are a number of ways URLs get automatically escaped in the browser  which makes decodeURIComponent pretty much mandatory  in my opinion  Many query strings are generated from user input  which means assumptions about the URL content are very bad  Including very basic things like that each key is unique or even has a value   To solve this  here is a configurable API with a healthy dose of defensive programming  Note that it can be made half the size if you are willing to hardcode some of the variables  or if the input can never include hasOwnProperty  etc  Version 1  Returns a data object with names and values for each parameter  It effectively de-duplicates them and always respects the first one found from left-to-right  function getQueryData url  paramKey  pairKey  missingValue  decode         var query  queryStart  fragStart  pairKeyStart  i  len  name  value  result       if   url    typeof url      string             url   location href     more robust than location search  which is flaky           if   paramKey    typeof paramKey      string             paramKey     amp              if   pairKey    typeof pairKey      string             pairKey                     when you do not explicitly tell the API        if  arguments length  lt  5               it will unescape parameter keys and values by default            decode   true             queryStart   url indexOf           if  queryStart  gt   0               grab everything after the very first   question mark            query   url substring queryStart   1         else              assume the input is already parameter data            query   url               remove fragment identifiers        fragStart   query indexOf           if  fragStart  gt   0               remove everything after the first   hash mark            query   query substring 0  fragStart                make sure at this point we have enough material to do something useful        if  query indexOf paramKey   gt   0    query indexOf pairKey   gt   0               we no longer need the whole query  so get the parameters            query   query split paramKey           result                  loop through the parameters            for  i   0  len   query length  i  lt  len  i   i   1                pairKeyStart   query i  indexOf pairKey               if  pairKeyStart  gt   0                    name   query i  substring 0  pairKeyStart                 else                   name   query i                                only continue for non-empty names that we have not seen before                if  name  amp  amp   Object prototype hasOwnProperty call result  name                     if  decode                           unescape characters with special meaning like   and                       name   decodeURIComponent name                                     if  pairKeyStart  gt   0                        value   query i  substring pairKeyStart   1                       if  value                            if  decode                                value   decodeURIComponent value                                                   else                           value   missingValue                                          else                       value   missingValue                                    result name    value                                  return result           Version 2  Returns a data map object with two identical length arrays  one for names and one for values  with an index for each parameter  This one supports duplicate names and intentionally does not de-duplicate them  because that is probably why you would want to use this format  function getQueryData url  paramKey  pairKey  missingValue  decode         var query  queryStart  fragStart  pairKeyStart  i  len  name  value  result       if   url    typeof url      string               url   location href     more robust than location search  which is flaky               if   paramKey    typeof paramKey      string                 paramKey     amp                      if   pairKey    typeof pairKey      string                 pairKey                             when you do not explicitly tell the API            if  arguments length  lt  5                   it will unescape parameter keys and values by default                decode   true                     queryStart   url indexOf               if  queryStart  gt   0                   grab everything after the very first   question mark                query   url substring queryStart   1             else                  assume the input is already parameter data                query   url                       remove fragment identifiers            fragStart   query indexOf               if  fragStart  gt   0                   remove everything after the first   hash mark                query   query substring 0  fragStart                        make sure at this point we have enough material to do something useful            if  query indexOf paramKey   gt   0    query indexOf pairKey   gt   0                   we no longer need the whole query  so get the parameters                query   query split paramKey               result                     names                      values                                   loop through the parameters                for  i   0  len   query length  i  lt  len  i   i   1                    pairKeyStart   query i  indexOf pairKey                   if  pairKeyStart  gt   0                        name   query i  substring 0  pairKeyStart                     else                       name   query i                                        only continue for non-empty names                    if  name                        if  decode                               unescape characters with special meaning like   and                           name   decodeURIComponent name                                             if  pairKeyStart  gt   0                            value   query i  substring pairKeyStart   1                           if  value                                if  decode                                    value   decodeURIComponent value                                                           else                               value   missingValue                                                  else                           value   missingValue                                            result names push name                       result values push value                                             return result

User · Answer

This function converts the querystring to a JSON-like object  it also handles value-less and multi-value parameters    use strict   function getQuerystringData name        var data            var parameters   window location search substring 1  split   amp         for  var i   0  j   parameters length  i  lt  j  i              var parameter   parameters i  split               var parameterName   decodeURIComponent parameter 0            var parameterValue   typeof parameter 1       undefined    parameter 1    decodeURIComponent parameter 1            var dataType   typeof data parameterName           if  dataType      undefined                 data parameterName    parameterValue            else if  dataType      array                 data parameterName  push parameterValue             else               data parameterName     data parameterName                data parameterName  push parameterValue                       return typeof name      string    data name    data      We perform a check for undefined on parameter 1  because decodeURIComponent returns the string  undefined  if the variable is undefined  and that s wrong   Usage    use strict   var data   getQuerystringData    var parameterValue   getQuerystringData  parameterName

[javascript] How can I get query string values in JavaScript?

Examples related to javascript

Examples related to url

Examples related to plugins

Examples related to query-string