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

Método jQuery post()

Métodos AJAX do jQuery

O método $ .post() usa uma solicitação HTTP POST para carregar dados do servidor.

Sintaxe:

$.post(URL, data, callback, dataType)

Exemplo

Este exemplo obtém um pedaço de código HTML da solicitação e o insere na página:

$("button").click(function(){
  $.post("ajax_post.php", function(data){
    $("#output").html(data);
  });
});
Testar e ver‹/›

Solicitar a página ajax_post.php e enviar alguns outros dados:

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

Solicitar a página ajax_post.php, enviar alguns outros dados e exibir uma mensagem de status de alerta:

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

Solicitar o arquivo demo.json e inseri-lo na página:

$("button").click(function(){
  $.post("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Testar e ver‹/›

Solicitar json_demo1Arquivo .php, que já foi retornado no formato json:

$("button").click(function(){
  $.post("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Testar e ver‹/›

Valor do parâmetro

ParâmetroDescrição
URLEspecificar 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) Especifique a função de retorno chamada a ser executada após a solicitação de sucesso

Parâmetros:

  • data-Contém os dados de resultado da solicitação

  • status-Contém o estado da solicitação ("success", "notmodified", "error", "timeout", ou "parsererror")

  • xhr-Contém o objeto XMLHttpRequest

dataType(Opcional) Especifique o tipo de dados necessário para a resposta do servidor
Por padrão, o jQuery executa uma suposição automática

Tipos Possíveis:

  • "xml"-Um documento XML

  • "html"-HTML como texto puro

  • "text"-String de texto puro

  • "script"-Execute a resposta como JavaScript e retorne em formato de texto puro

  • "json"-Execute a resposta como JSON e retorne um objeto JavaScript

  • "jsonp"-Carregar Bloco JSON usando JSONP. Adicione "?callback=?” na URL para especificar o callback

Métodos AJAX do jQuery