Modifying a query string without reloading the page

by

If you are looking for Hash modification, your solution works ok. However, if you want to change the query, you can use the pushState, as you said. Here it is an example that might help you to implement it properly. I tested and it worked fine:

if (history.pushState) {
    var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?myNewUrlQuery=1';
    window.history.pushState({path:newurl},'',newurl);
}

It does not reload the page, but it only allows you to change the URL query. You would not be able to change the protocol or the host values. And of course that it requires modern browsers that can process HTML5 History API.

For more information:

http://diveintohtml5.info/history.html

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

More Related Contents:

  1. How do I attach events to dynamic HTML elements with jQuery? [duplicate]
  2. How can I add or update a query string parameter?
  3. Get querystring from URL using jQuery [duplicate]
  4. jQuery document.createElement equivalent?
  5. How to send JSON instead of a query string with $.ajax?
  6. Getting all selected checkboxes in an array
  7. Serialize object to query string in JavaScript/jQuery [duplicate]
  8. Get query string parameters url values with jQuery / Javascript (querystring)
  9. jQuery: how to change tag name?
  10. Child element click event trigger the parent click event
  11. Updating existing URL querystring values with jQuery
  12. What is wrong with this basic Javascript code? [closed]
  13. jQuery AJAX submit form
  14. How can I get the data-id attribute?
  15. jQuery Event Keypress: Which key was pressed?
  16. Parallel asynchronous Ajax requests using jQuery
  17. How to remove one specific selected file from input file control
  18. How to get the background color code of an element in hex?
  19. split string only on first instance of specified character
  20. Detect iPad users using jQuery?
  21. Testing if a checkbox is checked with jQuery
  22. Cross-origin resource sharing (CORS) concept
  23. Jquery ignores encoding ISO-8859-1
  24. How to load all server side data on initial vue.js / vue-router load?
  25. Differences between detach(), hide() and remove() – jQuery
  26. Eliminate 300ms delay on click events in mobile Safari
  27. How to detect an audio has finished playing in a web page?
  28. Simulating a click in jQuery/JavaScript on a link
  29. jQuery on the fly URL shortener
  30. google visualization-Click event

Leave a Comment