Méthode JQuery Ajax POST

Envoie une requête HTTP POST asynchrone pour charger les données du serveur. Sa forme générale est:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • url: est le seul paramètre obligatoire. Cette chaîne contient l'adresse à laquelle envoyer la demande. Les données renvoyées seront ignorées si aucun autre paramètre n'est spécifié
  • data: un objet ou une chaîne simple qui est envoyé au serveur avec la demande.
  • success: Une fonction de rappel qui est exécutée si la demande réussit. Elle prend comme argument les données renvoyées. Il est également passé le statut de texte de la réponse.
  • dataType: le type de données attendu du serveur. La valeur par défaut est Intelligent Guess (xml, json, script, text, html). si ce paramètre est fourni, alors le rappel de réussite doit également être fourni.

Exemples

$.post('//example.com/form.php', {category:'client', type:'premium'});

demandes form.phpdu serveur, envoi de données supplémentaires et ignorant le résultat renvoyé

$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });

requêtes form.phpdu serveur, envoi de données supplémentaires et traitement de la réponse renvoyée (format json). Cet exemple peut être écrit dans ce format:

$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });

L'exemple suivant publie un formulaire en utilisant Ajax et place les résultats dans un div

    jQuery.post demo // Attach a submit handler to the form $( "#searchForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), term = $form.find( "input[name='s']" ).val(), url = $form.attr( "action" ); // Send the data using post var posting = $.post( url, { s: term } ); // Put the results in a div posting.done(function( data ) { var content = $( data ).find( "#content" ); $( "#result" ).empty().append( content ); }); });   

L'exemple suivant utilise l'API github pour récupérer la liste des référentiels d'un utilisateur à l'aide de jQuery.ajax () et placer les résultats dans un div

    jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); });   

jQuery.ajax ()

$.post( url [, data ] [, success ] [, dataType ] ) est une fonction Ajax abrégée, équivalente à:

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

$.ajax() fournit beaucoup plus d'options qui peuvent être trouvées ici

Plus d'information:

Pour plus d'informations, veuillez visiter le site officiel