append to url and refresh page

Question

I am looking to write a piece of javascript that will append a parameter to the current url and then refresh the page - how can I do this

User · Answer

If you are developing for a modern browser  Instead of parsing the url parameters yourself- you can use the built in URL functions to do it for you like this  const parser   new URL url    window location   parser searchParams set key  value   window location   parser href

User · Answer

Most of the answers here suggest that one should append the parameter s  to the URL  something like the following snippet or a similar variation   location href   location href     amp parameter     value    This will work quite well for the majority of the cases   However  That s not the correct way to append a parameter to a URL in my opinion   Because the suggested approach does not test if the parameter is already set in the URL  if not careful one may end up with a very long URL with the same parameter repeated multiple times  ie   https   stackoverflow com   amp param 1 amp param 1 amp param 1 amp param 1 amp param 1 amp param 1 amp param 1 amp param 1 amp param 1   at this point is where problems begin  The suggested approach could and will create a very long URL after multiple page refreshes  thus making the URL invalid  Follow this link for more information about long URL What is the maximum length of a URL in different browsers   This is my suggested approach   function URL add parameter url  param  value       var hash                 var parser       document createElement  a         parser href      url       var parameters   parser search split      amp          for var i 0  i  lt  parameters length  i              if  parameters i               continue           var ary        parameters i  split               hash ary 0     ary 1              hash param    value       var list             Object keys hash  forEach function  key            list push key         hash key                 parser search         list join   amp         return parser href      With this function one just will have to do the following   location href   URL add parameter location href   param    value

User · Answer

location href   location href     amp parameter     value

User · Answer

One small bug fix for  yeyo s thoughtful answer above   Change   var parameters   parser search split      amp      To   var parameters   parser search split      amp amp

User · Answer

This line of JS code takes the link without params  ie before      and then append params to it  window location href    window location href split      0      quot  p1 ABC amp p2 XYZ quot    The above line of code is appending two params p1 and p2 with respective values  ABC  and  XYZ   for better understanding

User · Answer

function gotoItem  item        var url   window location href      var separator    url indexOf       gt  -1      amp              var qs    item     encodeURIComponent item       window location href   url   separator   qs      More compat version  function gotoItem  item        var url   window location href          url     url indexOf       gt  -1    amp          item     encodeURIComponent item       window location href   url

User · Answer

this should work  not tested    var url   window location href      if  url indexOf       gt  -1      url      amp param 1   else     url      param 1    window location href   url

User · Answer

Also   window location href     window location href indexOf       gt  -1     amp             param 1    Just one liner of Shlomi answer usable in bookmarklets

User · Answer

Try this  var url   ApiUrl   customers      if data      url      search   data         else            url       page   page  amp per page   perpage          console log url

User · Answer

Please check the below code      Get current URL       var  url   location href     Check if the url already contains    if yes append the parameter  else add the parameter    url      url indexOf          -1      url   amp param   value    url   param   value    reload the page    window location href    url

User · Answer

Shorter than the accepted answer  doing the same  but keeping it simple   window location search      amp param 42     We don t have to alter the entire url  just the query string  known as the search attribute of location   When you are assigning a value to the search attribute  the question mark is automatically inserted by the browser and the page is reloaded

[javascript] append to url and refresh page

Examples related to javascript

Examples related to jquery

Examples related to refresh