An Interest In:
Web News this Week
- March 21, 2024
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
September 10, 2021 11:29 am GMT
Original Link: https://dev.to/rrtutors/how-to-get-all-url-parameters-with-javascript-1ndb
How to get All URL Parameters with Javascript
How to read all url parameters from the URL. To do this we will use URLSearchParams URLSearchParams is an interface which will provide methods to get the parameters
!DOCTYPE html><html><head> <title> How To Get All URL Parameters using JavaScript? </title> <style>table { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;} td, th { border: 1px solid #ddd; padding: 8px;} tr:nth-child(even){background-color: #f2f2f2;} tr:hover {background-color: #ddd;} th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white;}</style></head><body><h1 style="color:green;"> RRTutors</h1><b> How To Get All URL Parameters With JavaScript?</b><p> We will fetch all parameters from this url http://rrtutors.com/page?language=Javascript&subject=urlfetch&[email protected]</p><p> Click on the button to get all the url parameters.</p><div id="container"></div><button onclick="getParameters()"> Get URL parameters</button><script>function getParameters() { let urlString= 'http://rrtutors.com/page?language=Javascript&subject=urlfetch&[email protected]' let paramString = urlString.split('?')[1]; let queryString = new URLSearchParams(paramString); let data='<table><tr><th>Key</th><th>Value</th></tr>'; for (let pair of queryString.entries()) { data+='<tr><td>'+pair[0]+'</td><td>'+pair[1]+'</td></tr>'; console.log("Key is:" + pair[0] +"And values is: "+pair[1]); } let ele = document.getElementById('container'); ele.innerHTML += data; } //getParameters('http://rrtutors.com/page?language=Javascript&subject=urlfetch&[email protected]'); </script></body></html>
*** More ***
How to groupby an array objects in Javascript
Original Link: https://dev.to/rrtutors/how-to-get-all-url-parameters-with-javascript-1ndb
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To