JavaScript 从 URL 中获取 GET 参数的值

为了获取通过“GET”方法传递的参数，比如有时我们会传递电子邮件地址、密码和其他详细信息。为此，我们使用以下代码片段。

示例-1: 该示例从 URL 中获取参数 “a” 的值。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<button onclick="myGeeks()"> 
    Click here 
</button> 
  
<p id="GFG_down" style="color:green;"> 
</p> 
  
<script> 
    function myGeeks() { 
        var GFG_url_string = 
"https://ide.geeksforgeeks.org/login.php?a=GeeksForGeeks&b=100&c=Computer Science portal for Geeks";         
        var GFG_url = new URL(GFG_url_string); 
        var c = GFG_url.searchParams.get("a"); 
        var p_down = document.getElementById("GFG_down"); 
        p_down.innerHTML = c; 
    } 
</script>

输出：

示例2： 获取URL中所有参数的值。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<button onclick="myGeeks()"> 
    Click here 
</button> 
  
<p id="GFG_down" style="color:green;"> 
</p> 
  
<script> 
    function myGeeks() { 
        var GFG_url_string = 
"https://ide.geeksforgeeks.org/login.php?a=GeeksForGeeks&b=100&c=Computer Science portal for Geeks"; 
        var GFG_url = new URL(GFG_url_string); 
        var a = GFG_url.searchParams.get("a"); 
        var b = GFG_url.searchParams.get("b"); 
        var c = GFG_url.searchParams.get("c"); 
        var p_down = document.getElementById("GFG_down"); 
        p_down.innerHTML = a + "<br>" + b + "<br>" + c; 
    } 
</script>

输出：