tutoriais mais recente desenvolvimento web
 

jQuery - AJAX get() and post() Methods


O jQuery get() e post() métodos são usados para solicitar dados do servidor com um HTTP GET ou POST pedido.


Pedido de HTTP: GET vs POST

Dois métodos comumente utilizados para a solicitação-resposta entre um cliente e servidor são: GET e POST .

  • GET - solicita dados de um recurso especificado
  • POST - Dados submete a ser processado para um recurso especificado

GET é utilizado basicamente para apenas começando (recuperar) alguns dados a partir doservidor. Nota: O GET método pode retornar dados em cache.

POST também pode ser usado para obter alguns dados do servidor. No entanto, o POST método nunca armazena em cache dados, e muitas vezes é usado para enviar dados juntamente com o pedido.

Para saber mais sobre GET e POST , e as diferenças entre os dois métodos, leia o nosso HTTP Métodos GET vs POST capítulo.


jQuery $.get() Método

O $.get() método solicita dados do servidor com um HTTP GET solicitação.

Sintaxe:

$.get(URL,callback);

O parâmetro URL necessário especifica a URL que você deseja solicitar.

O parâmetro de retorno opcional é o nome de uma função a ser executada, se o pedido tiver êxito.

O exemplo a seguir usa a $.get() método para recuperar dados de um arquivo no servidor:

Exemplo

$("button").click(function(){
    $.get("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
Tente você mesmo "

O primeiro parâmetro $.get() é o URL que deseja solicitar ("demo_test.asp") .

O segundo parâmetro é uma função de retorno. O primeiro parâmetro de retorno de chamada contém o conteúdo da página solicitada, e o segundo parâmetro de retorno de chamada contém o estado do pedido.

Dica: Aqui está como o arquivo ASP parece ("demo_test.asp") :

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

jQuery $.post() Método

O $.post() método solicita dados do servidor usando um HTTP POST pedido.

Sintaxe:

$.post(URL,data,callback);

O parâmetro URL necessário especifica a URL que você deseja solicitar.

O parâmetro de dados opcional especifica alguns dados para enviar, juntamente com o pedido.

O parâmetro de retorno opcional é o nome de uma função a ser executada, se o pedido tiver êxito.

O exemplo a seguir usa a $.post() método para enviar alguns dados juntamente com o pedido:

Exemplo

$("button").click(function(){
    $.post("demo_test_post.asp",
    {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
Tente você mesmo "

O primeiro parâmetro $.post() é o URL que deseja solicitar ("demo_test_post.asp") .

Em seguida, passamos em alguns dados para enviar, juntamente com o pedido (nome e cidade).

O ASP script no "demo_test_post.asp" lê os parâmetros, os processa e retorna um resultado.

O terceiro parâmetro é uma função de retorno. O primeiro parâmetro de retorno de chamada contém o conteúdo da página solicitada, e o segundo parâmetro de retorno de chamada contém o estado do pedido.

Dica: Aqui é como o ASP arquivo parece ("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 Referência

Para uma visão completa de todos os jQuery AJAX métodos, por favor, vá ao nosso jQuery AJAX Referência .