How to get the query string by javascript

Question

How to extract the query string from the URL in javascript   Thank you

User · Answer

If you re referring to the URL in the address bar  then  window location search   will give you just the query string part  Note that this includes the question mark at the beginning   If you re referring to any random URL stored in  e g   a string  you can get at the query string by taking a substring beginning at the index of the first question mark by doing something like   url substring url indexOf         That assumes that any question marks in the fragment part of the URL have been properly encoded  If there s a target at the end  i e   a   followed by the id of a DOM element  it ll include that too

User · Answer

You need to simple use following function   function GetQueryStringByParameter 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                 --- How to Use ---  var QueryString  GetQueryStringByParameter  QueryString

User · Answer

Works for me-  function querySt Key         var url   window location href       KeysValues   url split      amp             for  i   0  i  lt  KeysValues length  i                   KeyValue  KeysValues i  split                    if  KeyValue 0     Key                     return KeyValue 1                         function GetQString Key              if  querySt Key               var value   querySt Key             return value

User · Answer

You can use this Javascript    function getParameterByName name        var match   RegExp     amp      name         amp       exec window location search       return match  amp  amp  decodeURIComponent match 1  replace     g             OR  You can also use the plugin jQuery-URL-Parser allows to retrieve all parts of URL  including anchor  host  etc   Usage is very simple and cool     url   param  itemID     via James amp Alfa

User · Answer

You can easily build a dictionary style collection     function getQueryStrings        var assoc          var decode   function  s    return decodeURIComponent s replace     g              var queryString   location search substring 1      var keyValues   queryString split   amp         for var i in keyValues         var key   keyValues i  split           if  key length  gt  1          assoc decode key 0      decode key 1                  return assoc        And use it like this     var qs   getQueryStrings    var myParam   qs  myParam

User · Answer

Very Straightforward   function parseQueryString        var assoc           var keyValues   location search slice 1  split   amp         var decode   function s           return decodeURIComponent s replace     g                     for  var i   0  i  lt  keyValues length    i            var key   keyValues i  split               if  1  lt  key length                assoc decode key 0      decode key 1                         return assoc

User · Answer

Here s the method I use     function Querystring         var q   window location search substr 1   qs           if  q length            var keys   q split   amp     k  kv  key  val  v          for  k   keys length  k--                  kv   keys k  split                   key   kv 0               val   decodeURIComponent kv 1                if  qs key      undefined                    qs key    val                else                   v   qs key                   if  v constructor    Array                        qs key                            qs key  push v                                     qs key  push val                                     return qs      It returns an object of strings and arrays and seems to work quite well   Strings for single keys  arrays for the same key with multiple values

User · Answer

There is a new API called URLSearchParams in browsers which allow you to extract and change the values of the query string   Currently  it seems to be supported in Firefox 44   Chrome 49  and Opera 36    Initialize Input  To get started  create a new URLSearchParams object  For current implementations  you need to remove the     at the beginning of the query string  using slice 1  on the querystring  as Jake Archibald suggests   var params   new URLSearchParams window location search slice 1       myParam 12   In later implementations  you should be able to use it without slice   var params   new URLSearchParams window location search      myParam 12   Get  You can get params from it via the  get method   params get  myParam       12   Set  Params can be changed using  set   params set  myParam    newValue      Output  And if the current querystring is needed again  the  toString method provides it   params toString       myParam newValue   There are a host of other methods in this API   Polyfill  As browser support is still pretty thin  there is a small polyfill by Andrea Giammarchi   lt 3kB

User · Answer

I have use this method  function getString     var vars       hash  var hashes   window location href slice window location href indexOf        1  split   amp     for var i   0  i  lt  hashes length  i          hash   hashes i  split           vars push hash 0        vars hash 0     hash 1     return vars    var buisnessArea   getString

User · Answer

Assuming   post 1234 amp action edit   var urlParams   new URLSearchParams window location search    console log urlParams has  post        true  console log urlParams get  action         edit   console log urlParams getAll  action          edit    console log urlParams toString          post 1234 amp action edit   console log urlParams append  active    1          post 1234 amp action edit amp active 1

[javascript] How to get the query string by javascript?

Examples related to javascript

Examples related to query-string