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

Método jQuery post()

Métodos AJAX de jQuery

El método $ .post() utiliza una solicitud HTTP POST para cargar datos desde el servidor.

Sintaxis:

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

Ejemplo

Este ejemplo obtiene el fragmento de código HTML solicitado y lo inserta en la página:

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

Solicitar la página ajax_post.php y enviar algunos otros datos:

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

Solicitar la página ajax_post.php, enviar algunos otros datos y mostrar un mensaje de estado de alerta:

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

Solicitar el archivo demo.json y agregarlo a la página:

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

Solicitar json_demo1archivo .php, que se ha devuelto en formato json:

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

Valor del parámetro

ParámetroDescripción
URLEspecificar la URL que desea solicitar
datos(Opcional) Especificar un objeto o cadena pura que se enviará al servidor junto con la solicitud
devolución de llamada(opcional)Especifique la función de devolución de llamada que se ejecutará después del éxito de la solicitud

Parámetros:

  • datos-Contiene los datos de resultado de la solicitud

  • estado-Contiene el estado de la solicitud ("éxito", "sin cambios", "error", "tiempo de espera", o "error de análisis"}

  • xhr-Contiene el objeto XMLHttpRequest

dataType(opcional)Especifique el tipo de datos de respuesta necesario del servidor
Por defecto, jQuery realiza una suposición automática

Tipos posibles:

  • “xml”-Un documento XML

  • “html”-HTML como texto puro

  • “text”-Cadena de texto puro

  • “script”-Ejecute la respuesta como JavaScript y devuelva en forma de texto puro

  • “json”-Ejecute la respuesta como JSON y devuelva un objeto JavaScript

  • “jsonp”-Cargar bloques JSON con JSONP. Añada “?callback =?” a la URL para especificar el devolución de llamada

Métodos AJAX de jQuery