JavaScript get query string Parameters | Example code

  • by

Get the full query string via the window.location.search property. URLSearchParams is an inbuilt API to get query string parameters in JavaScript.

JavaScript get query string Example

HTML examples code:

Get Single Parameters

<!DOCTYPE HTML> 
<html> 
<body> 
 
	<script>
		var url_string = "http://www.example.com/t.html?name=A&sal=3000&c=xyz"; 
 
		var url = new URL(url_string);
		var c = url.searchParams.get("c");
		
		console.log(c); 
 
	</script>
</body> 
</html>		

Output:

Get Single Parameters JS

Code for get the query string from the URL of the current page with:

// https://testsite.com/users?page=10&pagesize=25&order=asc
const urlParams = new URLSearchParams(window.location.search);
const pageSize = urlParams.get('pageSize');

Multiple Parameters use the for…of

The URLSearchParams is an iterable object, use the for…of structure to iterate over its elements which are query string parameters:

<!DOCTYPE HTML> 
<html> 
<body> 

	<script>
		const site = new URL("https://test.com/hello?name=roger&age=20");

		const params = new URLSearchParams(site.search);
		for (const param of params) {
			console.log(param)
		}

	</script>
</body> 
</html>	

Output:

JavaScript get query string Parameters

Do comment if you have any doubts and suggestions on this JS URL topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.