jQuery - Métodos AJAX get() y post()
Los métodos jQuery get() y post() se utilizan para solicitar datos del servidor con una solicitud HTTP GET o POST.
Solicitud HTTP: GET frente a POST
Dos métodos comúnmente utilizados para una solicitud-respuesta entre un cliente y un servidor son: GET y POST.
- GET : solicita datos de un recurso específico
- POST : envía datos para ser procesados a un recurso específico
GET se usa básicamente para obtener (recuperar) algunos datos del servidor. Nota: el método GET puede devolver datos almacenados en caché.
POST también se puede usar para obtener algunos datos del servidor. Sin embargo, el método POST NUNCA almacena datos en caché y, a menudo, se usa para enviar datos junto con la solicitud.
Para obtener más información sobre GET y POST, y las diferencias entre los dos métodos, lea nuestro capítulo Métodos HTTP GET vs POST .
Método jQuery $.get()
El $.get()método solicita datos del servidor con una solicitud HTTP GET.
Sintaxis:
$.get(URL,callback);
El parámetro URL requerido especifica la URL que desea solicitar.
El parámetro de devolución de llamada opcional es el nombre de una función que se ejecutará si la solicitud tiene éxito.
El siguiente ejemplo utiliza el $.get()método para recuperar datos de un archivo en el servidor:
Ejemplo
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
El primer parámetro de $.get()es la URL que deseamos solicitar ("demo_test.asp").
El segundo parámetro es una función de devolución de llamada. El primer parámetro de devolución de llamada contiene el contenido de la página solicitada y el segundo parámetro de devolución de llamada contiene el estado de la solicitud.
Sugerencia: así es como se ve el archivo ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
Método jQuery $.post()
El $.post()método solicita datos del servidor mediante una solicitud HTTP POST.
Sintaxis:
$.post(URL,data,callback);
El parámetro URL requerido especifica la URL que desea solicitar.
El parámetro de datos opcional especifica algunos datos para enviar junto con la solicitud.
El parámetro de devolución de llamada opcional es el nombre de una función que se ejecutará si la solicitud tiene éxito.
El siguiente ejemplo utiliza el $.post()método para enviar algunos datos junto con la solicitud:
Ejemplo
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
El primer parámetro de $.post()es la URL que deseamos solicitar ("demo_test_post.asp").
Luego pasamos algunos datos para enviar junto con la solicitud (nombre y ciudad).
El script ASP en "demo_test_post.asp" lee los parámetros, los procesa y devuelve un resultado.
El tercer parámetro es una función de devolución de llamada. El primer parámetro de devolución de llamada contiene el contenido de la página solicitada y el segundo parámetro de devolución de llamada contiene el estado de la solicitud.
Sugerencia: así es como se ve el archivo ASP ("demo_test_post.asp"):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
Referencia jQuery AJAX
Para obtener una descripción general completa de todos los métodos de jQuery AJAX, vaya a nuestra Referencia de jQuery AJAX .