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

Méthode jQuery post()

Méthodes Ajax jQuery

La méthode $ .post() utilise une requête HTTP POST pour charger des données à partir du serveur.

Syntaxe :

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

Exemple

Dans cet exemple, nous obtenons le segment de code HTML demandé et l'insérons dans la page :

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

Requête de la page ajax_post.php et envoi de quelques autres données :

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

Requête de la page ajax_post.php, envoi de quelques autres données et message d'alerte d'état :

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

Requête du fichier demo.json et insertion dans la page :

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

Requête json_demo1Fichier .php, qui a été retourné au format json :

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

Valeur du paramètre

ParamètresDescription
URLSpécifiez l'URL que vous souhaitez demander
data(Optionnel) Spécifiez l'objet ou la chaîne de caractères pur à envoyer au serveur avec la requête
callback(Optionnel) Spécifiez la fonction de rappel à exécuter après le succès de la requête

Paramètres :

  • data-Contient les données de résultat de la requête

  • status-Contient l'état de la requête ("success", "notmodified", "error", "timeout", ou "parsererror")

  • xhr-Contient l'objet XMLHttpRequest

dataType(Optionnel) Spécifiez le type de données de réponse nécessaire du serveur
Par défaut, jQuery effectue une conjecture automatique

Types possibles :

  • “ xml”-Un document XML

  • “ html”-HTML comme texte brut

  • “text”-Chaîne de texte brute

  • “ script”-Exécutez la réponse en JavaScript et retournez-la sous forme de texte brut

  • “ json”-Exécutez la réponse comme JSON et retournez un objet JavaScript

  • “ jsonp”-Charger un bloc JSON en utilisant JSONP. Ajoutez l'URL ?callback = ? pour spécifier le rappel

Méthodes Ajax jQuery