Métodos get() e post() do jQuery AJAX

Os métodos get() e post() do jQuery são usados para solicitar dados do servidor através de solicitações HTTP GET ou POST.

Requisição HTTP: GET vs. POST

Dois métodos comuns de solicitação-resposta entre cliente e servidor são: GET e POST.

  • GET - Solicitar dados de um recurso específico
  • POST - Submeter dados a serem processados para um recurso específico

GET é basicamente usado para obter (recuperar) dados do servidor. Nota: O método GET pode retornar dados em cache.

POST também pode ser usado para obter dados do servidor. No entanto, o método POST não armazena dados em cache e é frequentemente usado para enviar dados juntos com a solicitação.

Para saber mais sobre GET e POST e as diferenças entre os dois métodos, leia nosso Método HTTP - GET vs. POST.

Método jQuery $.get()

O método $.get() solicita dados do servidor através de uma solicitação HTTP GET.

Sintaxe:

$.get(URL,callback);

Obrigatório URL Os parâmetros especificam a URL que você deseja solicitar.

Opcional callback Os parâmetros são os nomes das funções que serão executadas após a solicitação com sucesso.

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

Exemplo

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

Experimente você mesmo

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

O segundo parâmetro é a função de callback. O primeiro parâmetro de callback contém o conteúdo da página solicitada, e o segundo parâmetro de callback contém o estado da solicitação.

Dica:Este arquivo ASP ("demo_test.asp") é semelhante a isso:

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

Método jQuery $.post()

O método $.post() solicita dados do servidor via solicitação HTTP POST.

Sintaxe:

$.post(URL,data,callback);

Obrigatório URL Os parâmetros especificam a URL que você deseja solicitar.

Opcional data Os parâmetros especificam os dados que serão enviados junto com a solicitação.

Opcional callback Os parâmetros são os nomes das funções que serão executadas após a solicitação com sucesso.

O exemplo a seguir usa $.post() para enviar 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);
  });
});

Experimente você mesmo

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

Depois disso, enviamos os dados junto com a solicitação (name e city).

O script ASP no "demo_test_post.asp" lê esses parâmetros, os processa e então retorna o resultado.

O terceiro parâmetro é a função de callback. O primeiro parâmetro do callback contém o conteúdo da página solicitada, enquanto o segundo parâmetro contém o estado da solicitação.

Dica:Este arquivo ASP ("demo_test_post.asp") é semelhante a:

<%
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 referência do jQuery AJAX

Para referência completa dos métodos AJAX, acesse nosso Manual de referência do jQuery AJAX.