JavaScript | Conozca el valor de los parámetros GET de la URL

Para conocer los parámetros, estos se pasan por el método «GET» , como a veces pasamos el ID de correo electrónico, la contraseña y otros detalles. Para ese propósito, estamos utilizando el siguiente fragmento de código.

Ejemplo-1: este ejemplo obtiene el valor del parámetro «a» de la URL.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript |
      Know the value from GET parameters
    </title>
</head>
  
<body style="text-align:center;">
  
    <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>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo: este ejemplo obtiene el valor de todos los parámetros de la URL.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript 
      | Know the value from GET parameters
    </title>
</head>
  
<body style="text-align:center;">
  
    <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>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *