jQuery - Métodos AJAX get() y post()

Los métodos $.get() y $.post() de jQuery se utilizan para solicitar datos del servidor a través de solicitudes HTTP GET y POST.

Solicitudes HTTP: GET y POST

enGETEn el método, el navegador colocará el nombre/Los pares de valores se agregan al final de la URL.

GET se utiliza generalmente en lugares donde no se preocupa por la seguridad.

• Las solicitudes GET pueden almacenarse en el caché

• Las solicitudes GET se conservan en el historial del navegador

• Las solicitudes GET pueden agregar marcadores

• Nunca se debe usar la solicitud GET para procesar datos sensibles

• Las solicitudes GET tienen un límite de longitud (sólo2048caracteres)

enPOSTEn el método, el contenido no se mostrará en la URL.

Si los datos del formulario contienen información sensible o personal, siempre debe usar POST.

• Las solicitudes POST nunca se almacenan en el caché

• Las solicitudes POST no se conservan en el historial del navegador

• Las solicitudes POST no pueden agregar marcadores

• Se debe usar la solicitud POST para procesar datos sensibles

• Las solicitudes POST no tienen límite de longitud

Para obtener más información sobre GET y POST y las diferencias entre estos métodos, visite nuestraMétodos de solicitud HTTPpágina.

Método $.get() de jQuery

jQuery $.get()El método usa solicitudes HTTP GET para cargar datos del servidor.

Esto es$.get()Sintaxis de method:

$.get(URL, data, callback)

Parámetros:

• URL-Especificar la URL que desea solicitar

• data -(Opcional) Especificar el objeto o cadena pura que se enviará al servidor junto con la solicitud

• callback-（Opcional）Especificar la función de retroalimentación a ejecutar con éxito en la solicitud

Este ejemplo solicita la página ajax_get.php, envía algunos datos adicionales y muestra un mensaje de estado de alerta:

$("button").click(function(){
　　$.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

Este es el código fuente del archivo PHP ("ajax_get.php"):

<?php
　　　　echo "<p>Hello ". $_GET['fname']." ". $_GET['lname'].", How are u doing?</p>";
?>

Método $.post() de jQuery

jQuery $.post()El método usa solicitudes HTTP POST para cargar datos del servidor.

Esto es$.post()Sintaxis de method:

$.post(URL, data, callback)

Parámetros:

• URL-Especificar la URL que desea solicitar

• data -(Opcional) Especificar el objeto o cadena pura que se enviará al servidor junto con la solicitud

• callback-（Opcional）Especificar la función de retroalimentación a ejecutar con éxito en la solicitud

Este ejemplo solicita la página ajax_post.php, envía algunos otros datos y muestra un mensaje de estado de alerta:

$("button").click(function(){
　　$.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

Este es el código fuente del archivo PHP (“ajax_post.php”):

<?php
　　　　echo "<p>Hello ".$_POST['fname']." ".$_POST['lname'].", ¿cómo te sientes?</p>";
?>

Referencia de AJAX de jQuery

Para obtener referencias completas de métodos AJAX, por favor visite nuestroReferencia de AJAX de jQuery.