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:
xxxxxxxxxx
1
var params = new URLSearchParams(location.search); // e.g. location.search: '?pageNumber=1&pageSize=20'
2
3
var pageNumber = params.get('pageNumber'); // 1
4
var pageSize = params.get('pageSize'); // 20
Notes:
URLSearchParams
appeared 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.
In this example, we use URLSearchParams
to parse location.search
value and get query parameter values.
xxxxxxxxxx
1
2
<html>
3
<body>
4
<script>
5
6
var params = new URLSearchParams(location.search);
7
8
var pageNumber = params.get('pageNumber');
9
var pageSize = params.get('pageSize');
10
11
console.log('pageNumber = ' + pageNumber);
12
console.log('pageSize = ' + pageSize);
13
14
</script>
15
</body>
16
</html>
Result:
