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: