EN
JavaScript - get search parameters from current URL
3
points
In this article, we would like to show you how to get search parameters from the current URL in JavaScript.
Quick solution:
var params = new URLSearchParams(location.search); // e.g. location.search: '?pageNumber=1&pageSize=20'
var pageNumber = params.get('pageNumber'); // 1
var pageSize = params.get('pageSize'); // 20
Notes:
URLSearchParamsappeared in major web browsers around 2016-2018, and in Node.js 10,- read this article to know how to create custom solution that work in all web browsers.
Practical example
In this example, we use URLSearchParams to parse location.search value and get query parameter values.
<!doctype html>
<html>
<body>
<script>
var params = new URLSearchParams(location.search);
var pageNumber = params.get('pageNumber');
var pageSize = params.get('pageSize');
console.log('pageNumber = ' + pageNumber);
console.log('pageSize = ' + pageSize);
</script>
</body>
</html>
Result:
