How to obtain the query string from the current URL with JavaScript?

by

Have a look at the MDN article about window.location.

The QueryString is available in window.location.search.

If you want a more convenient interface to work with, you can use the searchParams property of the URL interface, which returns a URLSearchParams object. The returned object has a number of convenient methods, including a get-method. So the equivalent of the above example would be:

let params = (new URL(document.location)).searchParams;
let name = params.get("name");

The URLSearchParams interface can also be used to parse strings in a querystring format, and turn them into a handy URLSearchParams object.

let paramsString = "name=foo&age=1337"
let searchParams = new URLSearchParams(paramsString);

searchParams.has("name") === true; // true
searchParams.get("age") === "1337"; // true

The URLSearchParams interface is now widely adopted in browsers (95%+ according to Can I Use), but if you do need to support legacy browsers as well, you can use a polyfill.

More Related Contents:

  1. How can I get query string values in JavaScript?
  2. When are you supposed to use escape instead of encodeURI / encodeURIComponent?
  3. Get escaped URL parameter
  4. Parse query string in JavaScript [duplicate]
  5. Query-string encoding of a Javascript Object
  6. How can I add or update a query string parameter?
  7. Get querystring from URL using jQuery [duplicate]
  8. Adding a parameter to the URL with JavaScript
  9. Change URL parameters and specify defaults using JavaScript
  10. How to send JSON instead of a query string with $.ajax?
  11. How can I delete a query string parameter in JavaScript?
  12. JavaScript query string [closed]
  13. How do I parse a URL query parameters, in Javascript? [duplicate]
  14. Capture value out of query string with regex?
  15. Serialize object to query string in JavaScript/jQuery [duplicate]
  16. Get query string parameters url values with jQuery / Javascript (querystring)
  17. How to get the query string by javascript?
  18. Modifying a query string without reloading the page
  19. how to exchange variables between two HTML pages?
  20. Detect change in query param react-router-dom v4.x and re-render component
  21. Updating existing URL querystring values with jQuery
  22. Get the query string on the called javascript file
  23. .index() only for one instance of class [closed]
  24. Check for special characters in string
  25. How to use Local storage in Angular [duplicate]
  26. $.each() vs for() loop – and performance
  27. How to include JavaScript file or library in Chrome console?
  28. Why there’s error in onclick when i have “module” in script tag?
  29. Script does not work when on
  30. TypeScript “Compile on save” feature not working in Visual Studio 2015

Leave a Comment