Updating existing URL querystring values with jQuery

by

Simple solution

You can use URLSearchParams.set() like below:

var currentUrl="http://www.example.com/hello.png?w=100&h=100&bg=white";
var url = new URL(currentUrl);
url.searchParams.set("w", "200"); // setting your param
var newUrl = url.href; 
console.log(newUrl);

Online demo (jsfiddle)

More Related Contents:

  1. How can I add or update a query string parameter?
  2. Get querystring from URL using jQuery [duplicate]
  3. How to send JSON instead of a query string with $.ajax?
  4. Serialize object to query string in JavaScript/jQuery [duplicate]
  5. Get query string parameters url values with jQuery / Javascript (querystring)
  6. Modifying a query string without reloading the page
  7. How can I convert this from jQuery to standard javascript?
  8. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  9. How do I detect a click outside an element?
  10. What’s the difference between ‘$(this)’ and ‘this’?
  11. Detect element content changes with jQuery
  12. Only detect click event on pseudo-element
  13. How to differentiate single click event and double click event?
  14. jQuery difference between change and click event of checkbox
  15. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  16. JQuery document.ready vs Phonegap deviceready
  17. JavaScript/jQuery check broken links
  18. How to prevent simultaneous logins of the same user with Firebase?
  19. How to reset the bootstrap modal when it gets closed and open it fresh again?
  20. How to format a phone number with jQuery
  21. How to change only text node in element [duplicate]
  22. How do you limit options selected in a html select box?
  23. Trigger $document.ready (so AJAX code I can’t modify is executed)
  24. regular expression to validate datetime format (MM/DD/YYYY) [duplicate]
  25. Send form data using ajax
  26. How to interpret documentation for optional JavaScript parameters [duplicate]
  27. Selecting elements without jQuery
  28. Function not calling within an onclick event
  29. refresh div with jquery
  30. How to focus an input field on Android browser through javascript or jquery

Leave a Comment