jQuery | método get() – Part 1

En jQuery, el método .get() carga datos del servidor mediante la solicitud GET HTTP . Este método devuelve el objeto XMLHttpRequest .

Sintaxis

$.get( url, [data], [callback], [type] )

Parámetros

  1. url: string que contiene la URL a la que se debe enviar la solicitud
  2. data : este es un parámetro opcional que representa pares clave/valor que se enviarán al servidor.
  3. devolución de llamada: este parámetro opcional representa la función que se ejecutará siempre que los datos se carguen correctamente.
  4. tipo: este parámetro representa el tipo de datos que se devolverán a la función de devolución de llamada, es decir, «xml», «script», «json», «html», «html», «jsonp» o «texto».

Ejemplo:

  • Este código PHP se usa para obtener datos cuando debajo del programa html envía la solicitud HTTP GET.

    // Result.php file
    <?php
    if( $_REQUEST["name"] ) {
      
       $name = $_REQUEST['name'];
       echo "Welcome ". $name;
    }
      
    ?>
  • Este código HTML se usa para enviar la solicitud HTTP GET.

    <html>
      
    <head>
        <script type="text/javascript"
                src=
      </script>
      
        <script type="text/javascript"
                language="javascript">
            $(document).ready(function() {
      
            $("#driver").click(function(event) {
                    $.get(
                     "result.php", {
                         name: "GFG"
                     },
                     function(data) {
                         $('#stage').html(data);
                     });
                });
            });
        </script>
    </head>
      
    <body>
        <p>Click on the button to load result file 
      </p>
      
        <span id="stage" 
              style="background-color:#cc0;">
             GeeksForGeeks
          </span>
      
        <div>
            <input type="button"
                   id="driver"
                   value="Load Data" />
        </div>
      
    </body>
      
    </html>
  • Salida:
    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 A_K_Mishra 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 *