English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

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

Requisições HTTP: GET e POST

emGETNo método, o navegador atribuirá o nome/pares de valores são adicionados ao final do URL.

GET geralmente é usado em lugares onde não se preocupa com a segurança.

  • Requisições GET podem ser armazenadas em cache

  • Requisições GET ficam no histórico do navegador

  • Requisições GET podem adicionar favoritos

  • Nunca use solicitações GET ao lidar com dados sensíveis

  • Requisições GET têm limite de comprimento (apenas2048caracteres)

emPOSTNo método, o conteúdo não é exibido no URL.

Se os dados do formulário contiverem informações sensíveis ou pessoais, deve-se sempre usar POST.

  • Requisições POST nunca são armazenadas em cache

  • Requisições POST não ficam no histórico do navegador

  • Requisições POST não podem adicionar favoritos

  • Use solicitações POST ao lidar com dados sensíveis

  • Requisições POST não têm limite de comprimento de dados

Para obter mais informações sobre GET e POST e as diferenças entre esses métodos, acesse nossoMétodos de Requisição HTTPpágina.

Método $.get() do jQuery

jQuery $.get()O método usa solicitações HTTP GET para carregar dados do servidor.

Este é$.get()Sintaxe do método method:

$.get(URL, data, callback)

Parâmetros:

  • URL-Especificar o URL que você deseja solicitar

  • data -(Opcional) Especificar um objeto puro ou uma string que será enviada ao servidor juntamente com a solicitação

  • callback-(Opcional) Especificar a função de retorno a ser executada com sucesso na solicitação

Este exemplo solicita a página ajax_get.php, envia alguns outros dados e exibe uma mensagem de estado de alerta:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
Teste e veja‹/›

Este é o código-fonte do arquivo PHP ("ajax_get.php"):

<?php
    echo "<p>Hello ". $_GET['fname']." ". $_GET['lname'].", How are u doing?</p>";
?>

Método $.post() do jQuery

jQuery $.post()O método usa solicitações HTTP POST para carregar dados do servidor.

Este é$.post()Sintaxe do método method:

$.post(URL, data, callback)

Parâmetros:

  • URL-Especificar o URL que você deseja solicitar

  • data -(Opcional) Especificar um objeto puro ou uma string que será enviada ao servidor juntamente com a solicitação

  • callback-(Opcional) Especificar a função de retorno a ser executada com sucesso na solicitação

Este exemplo solicita a página ajax_post.php, envia alguns outros dados e exibe uma mensagem de estado de alerta:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  });
});
Teste e veja‹/›

Este é o código-fonte do arquivo PHP (“ajax_post.php”):

<?php
    echo "<p>Hello ".$_POST['fname']." ".$_POST['lname'].", Como está você?";/p>";
?>

Referência AJAX do jQuery

Para referência completa dos métodos AJAX, acesse nossoReferência AJAX do jQuery