jQuery | método post()

El método post() en jQuery carga la página desde el servidor utilizando la solicitud POST HTTP y devuelve el objeto XMLHttpRequest .

Sintaxis:

 $.post( url, data, callback_function, data_type )

Parámetros: este método acepta cuatro parámetros, como se mencionó anteriormente y se describe a continuación:

  • url: Es el parámetro requerido y utilizado para enviar la solicitud.
  • data: es un parámetro opcional y representa pares de datos clave/valor que se enviarán al servidor.
  • callback_function: Es un parámetro opcional y representa una función que se ejecutará cuando los datos se carguen correctamente.
  • data_type: es un parámetro opcional y representa un tipo de datos que se devolverán a la función de devolución de llamada: xml, html, script, json, jsonp o texto.

main.php Esta llamada de archivo PHP en el siguiente ejemplo cuando se presiona el botón.

<?php
    echo "Hello Geeks!";
?>

Ejemplo: este ejemplo utiliza el método post() y llama a un archivo PHP.

<!DOCTYPE html>
<html>
      
<head>
    <title>
        jQuery post() Method
    </title>
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body>
    <h2 id="gfg">GeeksforGeeks</h2> 
      
    <button id="b">
        Click Here!
    </button> 
      
    <!-- Script to use post() method -->
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                $.post("/submit.php", {
                    name: "GFG",
                },
                  
                function(data,status) {
                    document.getElementById("gfg").innerHTML
                            = data;
                    document.getElementById("b").innerHTML
                            = "Data Passed";
                });
            });
        });
    </script>
</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 XDoodler 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 *