jQuery - Métodos AJAX get() e post()
Os métodos get() e post() do jQuery são usados para solicitar dados do servidor com uma solicitação HTTP GET ou POST.
Solicitação HTTP: GET vs. POST
Dois métodos comumente usados para uma solicitação-resposta entre um cliente e um servidor são: GET e POST.
- GET - Solicita dados de um recurso especificado
- POST - Envia dados a serem processados para um recurso especificado
GET é basicamente usado apenas para obter (recuperar) alguns dados do servidor. Nota: O método GET pode retornar dados armazenados em cache.
POST também pode ser usado para obter alguns dados do servidor. No entanto, o método POST NUNCA armazena dados em cache e geralmente é usado para enviar dados junto com a solicitação.
Para saber mais sobre GET e POST, e as diferenças entre os dois métodos, leia nosso capítulo Métodos HTTP GET vs POST .
Método jQuery $.get()
O $.get()método solicita dados do servidor com uma solicitação HTTP GET.
Sintaxe:
$.get(URL,callback);
O parâmetro de URL obrigatório especifica o URL que você deseja solicitar.
O parâmetro de retorno de chamada opcional é o nome de uma função a ser executada se a solicitação for bem-sucedida.
O exemplo a seguir usa o $.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);
});
});
O primeiro parâmetro de $.get()é a URL que desejamos solicitar ("demo_test.asp").
O segundo parâmetro é uma função de retorno de chamada. 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 status da solicitação.
Dica: Aqui está a aparência do arquivo ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
Método jQuery $.post()
O $.post()método solicita dados do servidor usando uma solicitação HTTP POST.
Sintaxe:
$.post(URL,data,callback);
O parâmetro de URL obrigatório especifica o URL que você deseja solicitar.
O parâmetro opcional de dados especifica alguns dados a serem enviados junto com a solicitação.
O parâmetro de retorno de chamada opcional é o nome de uma função a ser executada se a solicitação for bem-sucedida.
O exemplo a seguir usa o $.post()método para enviar alguns dados junto com a solicitação:
Exemplo
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
O primeiro parâmetro $.post()é o URL que desejamos solicitar ("demo_test_post.asp").
Em seguida, passamos alguns dados para enviar junto com a solicitação (nome e cidade).
O script ASP em "demo_test_post.asp" lê os parâmetros, os processa e retorna um resultado.
O terceiro parâmetro é uma função de retorno de chamada. 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 status da solicitação.
Dica: Aqui está a aparência do arquivo 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 & ".")
%>
Referência AJAX do jQuery
Para uma visão geral completa de todos os métodos do jQuery AJAX, acesse nossa Referência do jQuery AJAX .