Métodos get() y post() de jQuery AJAX
- Página anterior Carga de jQuery
- Página siguiente jQuery noConflict()
Los métodos get() y post() de jQuery se utilizan para solicitar datos del servidor mediante solicitudes GET o POST HTTP.
Solicitud HTTP: GET vs. POST
Dos métodos comunes para realizar solicitudes de solicitud-respuesta en el cliente y el servidor son: GET y POST.
- GET - Solicitar datos del recurso especificado
- POST - Presentar los datos a procesar en el recurso especificado
GET se utiliza básicamente para obtener (recuperar) datos del servidor. Nota: el método GET puede devolver datos en caché.
POST también se puede usar para obtener datos del servidor. Sin embargo, el método POST no almacena los datos en caché y se utiliza a menudo para enviar datos junto con la solicitud.
Para obtener más información sobre GET y POST y las diferencias entre ambos métodos, lea nuestro Método HTTP - GET vs. POST.
Método jQuery $.get()
El método $.get() solicita datos del servidor mediante una solicitud GET HTTP.
Sintaxis:
$.get(URL,callback);
Obligatorio URL Los parámetros especifican la URL que desea solicitar.
Opcional callback Los parámetros son los nombres de las funciones que se ejecutarán con éxito la solicitud.
El siguiente ejemplo utiliza el método $.get() 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 la 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.
Consejo:Este archivo ASP ("demo_test.asp") se parece a esto:
<%
response.write("Este es un texto desde un archivo ASP externo.")
%>
Método jQuery $.post()
El método $.post() solicita datos del servidor mediante una solicitud HTTP POST.
Sintaxis:
$.post(URL,data,callback);
Obligatorio URL Los parámetros especifican la URL que desea solicitar.
Opcional data Los parámetros especifican los datos que se envían junto con la solicitud.
Opcional callback Los parámetros son los nombres de las funciones que se ejecutarán con éxito la solicitud.
El siguiente ejemplo envía datos junto con la solicitud utilizando $.post():
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 enviamos los datos junto con la solicitud (name y city).
El script ASP en "demo_test_post.asp" lee estos parámetros, los procesa y luego devuelve los resultados.
El tercer parámetro es la función de callback. El primer argumento de callback contiene el contenido de la página solicitada, mientras que el segundo argumento contiene el estado de la solicitud.
Consejo:Este archivo ASP ("demo_test_post.asp") se parece a esto:
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
Manual de referencia de jQuery AJAX
Para obtener una referencia completa de los métodos AJAX, visite nuestra Manual de referencia de jQuery AJAX.
- Página anterior Carga de jQuery
- Página siguiente jQuery noConflict()
