Los últimos tutoriales de desarrollo web
 

jQuery - AJAX get() and post() Methods


El jQuery get() y post() métodos se utilizan para solicitar datos al servidor con un HTTP GET o POST petición.


Solicitud HTTP: GET vs POST

Dos métodos comúnmente utilizados para una petición-respuesta entre un cliente y el servidor son: GET y POST .

  • GET - Pide a los datos de un recurso especificado
  • POST - los datos adjunte a procesar a un recurso especificado

GET se utiliza básicamente para conseguir justo (recuperar) algunos datos del servidorNota:. El GET método puede devolver los datos almacenados en caché.

POST también se puede utilizar para obtener algunos datos del servidor. Sin embargo, el POST método NUNCA almacena en caché de datos, y con frecuencia se utiliza 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, por favor lea nuestra HTTP Métodos GET vs POST capítulo.


jQuery $.get() Método

El $.get() método solicita datos al servidor con un HTTP GET petición.

Sintaxis:

$.get(URL,callback);

El parámetro URL requerida especifica la URL que desea solicitar.

El parámetro callback opcional es el nombre de una función que se ejecuta si la solicitud se realiza correctamente.

En el siguiente ejemplo se 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);
    });
});
Inténtalo tú mismo "

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 sostiene el contenido de la página solicitada, y el segundo parámetro de devolución de llamada mantiene el estado de la solicitud.

Consejo: Así es como el archivo ASP se parece ("demo_test.asp") :

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() Método

El $.post() método solicita datos desde el servidor mediante un HTTP POST petición.

Sintaxis:

$.post(URL,data,callback);

El parámetro URL requerida especifica la URL que desea solicitar.

El parámetro de datos opcional especifica algunos datos para enviar junto con la solicitud.

El parámetro callback opcional es el nombre de una función que se ejecuta si la solicitud se realiza correctamente.

En el siguiente ejemplo se 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);
    });
});
Inténtalo tú mismo "

El primer parámetro de $.post() es la URL que deseamos solicitar ("demo_test_post.asp") .

A continuación, se pasa en algunos datos para enviar junto con la solicitud (nombre y ciudad).

El ASP guión en "demo_test_post.asp" lee los parámetros, las 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 sostiene el contenido de la página solicitada, y el segundo parámetro de devolución de llamada mantiene el estado de la solicitud.

Consejo: Así es como el ASP archivo se ve como ("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 & ".")
%>

jQuery AJAX Referencia

Para una visión completa de todos los jQuery AJAX métodos, por favor vaya a nuestra jQuery AJAX referencia .