Get query string parameters url values with jQuery / Javascript (querystring)

by

After years of ugly string parsing, there’s a better way: URLSearchParams Let’s have a look at how we can use this new API to get values from the location!

//Assuming URL has "?post=1234&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&action=edit"
console.log(urlParams.append('active', '1')); // "?

post=1234&action=edit&active=1"

UPDATE : IE is not supported

use this function from an answer below instead of URLSearchParams

$.urlParam = function (name) {
    var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                      .exec(window.location.search);

    return (results !== null) ? results[1] || 0 : false;
}

console.log($.urlParam('action')); //edit

More Related Contents:

  1. Get current URL with jQuery?
  2. Get querystring from URL using jQuery [duplicate]
  3. Adding a parameter to the URL with JavaScript
  4. What’s the easiest way to call a function every 5 seconds in jQuery? [duplicate]
  5. Trying to Validate URL Using JavaScript
  6. JavaScript – Get Portion of URL Path
  7. How do I get the fragment identifier (value after hash #) from a URL?
  8. How to create a jQuery plugin with methods?
  9. Using jQuery, Restricting File Size Before Uploading
  10. How do I parse a URL query parameters, in Javascript? [duplicate]
  11. Serialize object to query string in JavaScript/jQuery [duplicate]
  12. How do I drag multiple elements at once with JavaScript or jQuery?
  13. How to escape a JSON string to have it in a URL?
  14. Why is my ‘load’ event/function not beeing executed after switching to jQuery 3?
  15. I’d like to understand the jQuery plugin syntax
  16. Is there a full working example for a jqGrid ColumnChooser? [closed]
  17. How well does jQuery support backward compatibility?
  18. How to detect URL changes with jQuery
  19. Javascript: extract URLs from string (inc. querystring) and return array
  20. How to individually target multiple dropdowns in CSS for Dropkick Plug-in
  21. jQuery Youtube URL Validation with regex
  22. How to detect an audio has finished playing in a web page?
  23. Implementing jquery UI autocomplete to show suggestions when you type “@”
  24. Javascript, Razor and Escape characters. Like apostrophe
  25. Updating existing URL querystring values with jQuery
  26. Get the query string on the called javascript file
  27. Highcharts – Keep tooltip showing on click
  28. Jquery: Filter dropdown list as you type [closed]
  29. Alternative to eval() javascript [duplicate]
  30. jQuery add class based on page URL

Leave a Comment