How to get URL parameter using jQuery or plain JavaScript

Question

I have seen lots of jQuery examples where parameter size and name are unknown   My URL is only going to ever have 1 string   http   example com sent yes   I just want to detect    Does sent exist  Is it equal to  yes

User · Answer

http   example com sent yes   Best solution here   function getUrlParameter name        name   name replace                replace                     var regex   new RegExp       amp      name         amp             var results   regex exec location href       return results     null        decodeURIComponent results 1  replace     g                 With the function above  you can get individual parameter values   getUrlParameter  sent

User · Answer

Perhaps you might want to give Dentist JS a look   disclaimer  I wrote the code   code   document URL     http   helloworld com quotes id 1337 amp author kelvin amp message hello  var currentURL   document URL  var params   currentURL extract    console log params id      1337 console log params author      kelvin  console log params message      hello    with Dentist JS  you can basically call the extract   function on all strings  e g   document URL extract     and you get back a HashMap of all parameters found  It s also customizable to deal with delimiters and all   Minified version  lt  1kb

User · Answer

Admittedly I m adding my answer to an over-answered question  but this has the advantages of   -- Not depending on any outside libraries  including jQuery  -- Not polluting global function namespace  by extending  String   -- Not creating any global data and doing unnecessary processing after match found  -- Handling encoding issues  and accepting  assuming  non-encoded parameter name  -- Avoiding explicit for loops  String prototype urlParamValue   function         var desiredVal   null      var paramName   this valueOf        window location search substring 1  split   amp    some function currentValue                  var nameVal   currentValue split               if   decodeURIComponent nameVal 0       paramName                 desiredVal   decodeURIComponent nameVal 1                return true                    return false              return desiredVal       Then you d use it as   var paramVal    paramName  urlParamValue      null if no match

User · Answer

A slight improvement to Sameer s answer  cache params into closure to avoid parsing and looping through all parameters each time calling  var getURLParam    function         var paramStr   decodeURIComponent window location search  substring 1       var paramSegs   paramStr split   amp         var params           for var i   0  i  lt  paramSegs length  i              var paramSeg   paramSegs i  split               params paramSeg 0     paramSeg 1             console log params       return function key            return params key

User · Answer

What if there is  amp  in URL parameter like filename  p amp g html  amp uid 66  In this case the 1st function will not work properly  So I modified the code   function getUrlParameter sParam        var sURLVariables   window location search substring 1  split   amp     sParameterName  i       for  i   0  i  lt  sURLVariables length  i              sParameterName   sURLVariables i  split                if  sParameterName 0      sParam                return sParameterName 1      undefined   true   decodeURIComponent sParameterName 1

User · Answer

This will give you a nice object to work with      function queryParameters              var result                var params   window location search split       amp              params forEach  function it                if  it                    var param   it split                       result param 0     param 1                                      return result          And then       if  queryParameters   sent      yes

User · Answer

This is based on Gazoris s answer  but URL decodes the parameters so they can be used when they contain data other than numbers and letters   function urlParam name       var results   new RegExp      amp      name         amp        exec window location href          Need to decode the URL parameters  including putting in a fix for the plus sign        https   stackoverflow com a 24417399     return results   decodeURIComponent results 1  replace     g    20      null

User · Answer

I hope this will help     lt script type  text javascript  gt     function getParameters          var searchString   window location search substring 1          params   searchString split   amp            hash             if  searchString        return          for  var i   0  i  lt  params length  i             var val   params i  split              hash unescape val 0      unescape val 1                 return hash              window  load function           var param   getParameters          if  typeof param sent      undefined                Do something                   lt  script gt

User · Answer

urlParam   function name      var results   new RegExp      amp amp      name         amp amp        exec window location href     return results 1     0

User · Answer

Using URLSearchParams   var params   new window URLSearchParams window location search   console log params get  name       Be careful about the compatibility  Mostly it s fine  but IE and Edge  may be different story  check this for compatible reference  https   developer mozilla org en-US docs Web API URLSearchParams

User · Answer

I use this and it works  http   codesheet org codesheet NF246Tzs  function getUrlVars         var vars           var parts   window location href replace     amp        amp         amp     gi  function m key value        vars key    value          return vars      var first   getUrlVars    id

User · Answer

If you want to find a specific parameter from a specific url     function findParam url  param     var check        param    if url search check   gt  0         return url substring url search check    split   amp    0  split      1            var url    http   www yourdomain com example id 1 amp order no 114 amp invoice no 254     alert findParam url  order no

User · Answer

x000D   x000D  function GetRequestParam param  x000D    x000D   var res   null  x000D   try  x000D    var qs   decodeURIComponent window location search substring 1     get everything after then     in URI x000D    var ar   qs split   amp     x000D      each ar  function a  b   x000D     var kv   b split       x000D     if param     kv 0    x000D      res   kv 1   x000D      return false   break loop x000D       x000D        x000D    catch e    x000D   return res  x000D    x000D   x000D   x000D

User · Answer

Just wanted to show my codes   function  name      name   name replace                 replace                    var regex   new RegExp       amp      name         amp           results   regex exec location search     return results    null        decodeURIComponent results 1  replace     g

User · Answer

Or you can use this neat little function  because why overcomplicated solutions  function getQueryParam param  defaultValue   undefined        location search substr 1           split  quot  amp  quot            some function item       returns first occurence and stops             return item split  quot   quot   0     param  amp  amp   defaultValue   item split  quot   quot   1   true                 return defaultValue    which looks even better when simplified and onelined  tl dr one-line solution var queryDict       location search substr 1  split  quot  amp  quot   forEach function item   queryDict item split  quot   quot   0     item split  quot   quot   1      result  queryDict  sent      undefined or  value   But what if you have got encoded characters or multivalued keys  You better see this answer  How can I get query string values in JavaScript  Sneak peak  quot  a 1 amp b 2 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 quot   gt  queryDict a    quot 1 quot    quot 5 quot    quot t e x t quot   b    quot 2 quot   c    quot 3 quot   d   undefined  e   undefined   quot http   w3schools com my test asp name st  le amp car saab quot     gt  queryDict  quot a quot   1      quot 5 quot   gt  queryDict a 1      quot 5 quot

User · Answer

So simple you can use any url and get value  function getParameterByName name  url        if   url  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 Example     query string   first value1 amp second  amp value2 var foo   getParameterByName  first        value1  var bar   getParameterByName  second        value2     Note  If a parameter is present several times   first value1 amp second value2   you will get the first value  value1  and second value as  value2

User · Answer

Solution from 2020   We have  http   example com sent yes  let searchParams   new URLSearchParams window location search    Does sent exist   searchParams has  sent      true   Is it equal to  yes    let param   searchParams get  sent     and then just compare it

User · Answer

With vanilla JavaScript  you could easily take the params  location search   get the substring  without the    and turn it into an array  by splitting it by   amp       As you iterate through urlParams  you could then split the string again with     and add it to the  params  object as object elmement 0     element 1    Super simple and easy to access   http   www website com  error userError amp type handwritten              var urlParams   location search substring 1  split   amp                     params                    urlParams forEach function el                   var tmpArr   el split                       params tmpArr 0     tmpArr 1                                 var error   params  error                var type   params  type

User · Answer

There s this great library  https   github com allmarkedup purl  which allows you to do simply  url    http   example com sent yes   sent     url url  param  sent    if  typeof sent     undefined        sent exists    if  sent     yes        sent is equal to yes                      The example is assuming you re using jQuery  You could also use it just as plain javascript  the syntax would then be a little different

User · Answer

I always stick this as one line  Now params has the vars   params    location search replace     amp        amp         amp     gi function s k v  params k  v     multi-lined   var params     window location search    replace     amp        amp         amp     gi  function str key value        params key    value           as a function  function getSearchParams k    var p      location search replace     amp        amp         amp     gi function s k v  p k  v    return k p k  p      which you could use as   getSearchParams      returns  key1 val1  key2 val2    or  getSearchParams  key1      returns val1

User · Answer

Another solution that uses jQuery and JSON  so you can access the parameter values through an object   var loc   window location href  var param       if loc indexOf       gt  -1        var params   loc substr loc indexOf      1  loc length  split   amp          var stringJson            for var i 0 i lt params length i                  var propVal   params i  split               var paramName   propVal 0           var value   propVal 1           stringJson         paramName          value               if i    params length-1  stringJson                   stringJson                parse string with jQuery parseJSON     param     parseJSON stringJson       Assuming your URL is http   example com  search hello world amp language en amp page 3  After that it s only a matter of using the parameters like this   param language   to return  en   The most useful usage of this is to run it at page load and make use of a global variable to use the parameters anywhere you might need them   If your parameter contains numeric values then just parse the value   parseInt param page    If there are no parameters param will just be an empty object

User · Answer

x000D   x000D  var RequestQuerystring  x000D   window onpopstate   function      x000D      var match  x000D          pl       g      Regex for replacing addition symbol with a space x000D          search        amp           amp     g  x000D          decode   function  s    return decodeURIComponent s replace pl            x000D          query   window location search substring 1   x000D   x000D      RequestQuerystring       x000D      while  match   search exec query   x000D          RequestQuerystring decode match 1      decode match 2    x000D        x000D   x000D   x000D    RequestQuerystring is now an object with all you parameters

User · Answer

use this    urlParam   function name      var results   new RegExp      amp amp      name         amp amp        exec window location href     return results 1     0

User · Answer

This might be overkill  but there is a pretty popular library now available for parsing URIs  called URI js   Example   x000D   x000D  var uri    http   example org foo html technology jquery amp technology css amp blog stackoverflow   x000D  var components   URI parse uri   x000D  var query   URI parseQuery components  query     x000D  document getElementById  result   innerHTML    URI       uri  x000D  document getElementById  result   innerHTML      lt br gt technology       query  technology    x000D   x000D     If you look in your console  you will see that this library generates a JS array for multi-valued queries  x000D  console log query  technology     x000D  console log query  blog     x000D   lt script src  https   cdnjs cloudflare com ajax libs URI js 1 17 0 URI min js  gt  lt  script gt  x000D   x000D   lt span id  result  gt  lt  span gt  x000D   x000D   x000D

User · Answer

Coffeescript version of Sameer s answer  getUrlParameter    sParam  - gt    sPageURL   window location search substring 1    sURLVariables   sPageURL split   amp      i   0   while i  lt  sURLVariables length     sParameterName   sURLVariables i  split          if sParameterName 0     sParam       return sParameterName 1      i

User · Answer

This one is simple and worked for me     urlParam   function name       var results   new RegExp      amp      name         amp        exec window location href       return results 1     0      so if your url is http   www yoursite com city 4  try this   console log   urlParam  city

User · Answer

Yet another alternative function     function param name        return  location search split name        1         split   amp    0

User · Answer

Best solution here  var getUrlParameter   function getUrlParameter sParam        var sPageURL   window location search substring 1           sURLVariables   sPageURL split   amp             sParameterName          i       for  i   0  i  lt  sURLVariables length  i              sParameterName   sURLVariables i  split                if  sParameterName 0      sParam                return typeof sParameterName 1      undefined   true   decodeURIComponent sParameterName 1                        return false      And this is how you can use this function assuming the URL is  http   dummy com  technology jquery amp blog jquerybyexample  var tech   getUrlParameter  technology    var blog   getUrlParameter  blog

User · Answer

jQuery code snippet to get the dynamic variables stored in the url as parameters and store them as JavaScript variables ready for use with your scripts     urlParam   function name       var results   new RegExp      amp      name         amp        exec window location href       if  results  null           return null            return decodeURI results 1      0      example com param1 name amp param2  amp id 6    urlParam  param1       name   urlParam  id              6   urlParam  param2         null   example params with spaces  http   www jquery4u com city Gold Coast console log   urlParam  city         output  Gold 20Coast    console log decodeURIComponent   urlParam  city         output  Gold Coast

User · Answer

May be its too late  But this method is very easy and simple   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        UPDATE Requires the url plugin   plugins jquery com url Thanks -Ripounet

User · Answer

Get the param from a string   Object defineProperty String prototype   urlParam          value  function  param          use strict        var str   this trim         var regex        amp      param         amp             var results   new RegExp regex   i   exec str        return  results     null    results 1                     to use   var src    http   your-url com  param value   console log src urlParam param       returns  value

User · Answer

Try this working demo http   jsfiddle net xy7cX   API     inArray   http   api jquery com jQuery inArray    This should help     code  var url    http   myurl com sent yes   var pieces   url split       alert pieces 1                  inArray  sent yes   pieces

User · Answer

There is another example with using URI js library   Example answers the questions exactly as asked    x000D   x000D  var url    http   example com sent yes   x000D  var urlParams   new URI url  search true   x000D     1  Does sent exist  x000D  var sendExists   urlParams sent     undefined  x000D     2  Is it equal to  yes   x000D  var sendIsEqualtToYes   urlParams sent     yes   x000D   x000D     output results in readable form x000D     not required for production x000D  if  sendExists    x000D    console log  Url has  sent  param  its value is      urlParams sent         x000D    if  urlParams sent     yes     x000D      console log   Sent  param is equal to  yes     x000D      else   x000D      console log   Sent  param is not equal to  yes     x000D      x000D    else   x000D    console log  Url hasn  t  sent  param    x000D    x000D   lt script src  https   cdnjs cloudflare com ajax libs URI js 1 18 2 URI min js  gt  lt  script gt  x000D   x000D   x000D

[jquery] How to get URL parameter using jQuery or plain JavaScript?

Examples related to jquery

Examples related to url

Examples related to parameters

Examples related to query-string

Examples related to querystringparameter