Méthodes AJAX get() et post() de jQuery

Les méthodes get() et post() de jQuery sont utilisées pour demander des données au serveur via des requêtes HTTP GET ou POST.

Requête HTTP : GET vs. POST

Deux méthodes couramment utilisées pour les requêtes-réponses client-serveur sont : GET et POST.

  • GET - Demander des données à partir d'une ressource spécifique
  • POST - Soumettre les données à traiter pour une ressource spécifique

GET est principalement utilisé pour obtenir (récupérer) des données du serveur. Remarque : La méthode GET peut renvoyer des données en cache.

POST peut également être utilisé pour récupérer des données du serveur. Cependant, la méthode POST ne stocke pas les données en cache et est souvent utilisée pour envoyer des données avec la demande.

Pour en savoir plus sur GET et POST ainsi que sur les différences entre les deux méthodes, veuillez lire notre Comparaison des méthodes HTTP - GET vs. POST.

Méthode jQuery $.get()

La méthode $.get() demande des données au serveur via une requête HTTP GET.

Syntaxe :

$.get(URL,callback);

Obligatoire URL Les paramètres définissent l'URL que vous souhaitez demander.

Optionnel callback Les paramètres sont les noms des fonctions à exécuter après le succès de la demande.

L'exemple suivant utilise la méthode $.get() pour récupérer des données d'un fichier sur le serveur :

Exemple

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Données: " + data + "\nStatut: " + status);
  });
});

Essayez-le vous-même

Le premier paramètre de $.get() est l'URL que nous souhaitons demander ("demo_test.asp").

Le deuxième paramètre est la fonction de rappel. Le premier paramètre de rappel contient le contenu de la page demandée, et le deuxième paramètre de rappel contient l'état de la demande.

Avis :Ce fichier ASP ("demo_test.asp") ressemble à cela :

<%
response.write("Ceci est du texte provenant d'un fichier ASP externe.")
%>

Méthode jQuery $.post()

La méthode $.post() requiert des données à partir du serveur via une demande HTTP POST.

Syntaxe :

$.post(URL,data,callback);

Obligatoire URL Les paramètres définissent l'URL que vous souhaitez demander.

Optionnel data Les paramètres définissent les données à envoyer avec la demande.

Optionnel callback Les paramètres sont les noms des fonctions à exécuter après le succès de la demande.

L'exemple suivant utilise $.post() pour envoyer des données avec la demande :

Exemple

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Données: " + data + "\nStatut: " + status);
  });
});

Essayez-le vous-même

Le premier paramètre de $.post() est l'URL que nous souhaitons demander ("demo_test_post.asp").

Ensuite, nous envoyons les données en incluant la demande (name et city).

Le script ASP dans "demo_test_post.asp" lit ces paramètres, les traite, puis renvoie les résultats.

Le troisième paramètre est la fonction de rappel. Le premier paramètre de rappel contient le contenu de la page demandée, tandis que le second paramètre contient l'état de la demande.

Avis :Ce fichier ASP ("demo_test_post.asp") est similaire à cela :

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Cher " & fname & ". ")
Response.Write("Espero que você esteja bem em " & city & ".")
%>

Manuel de référence jQuery AJAX

Pour une référence complète des méthodes AJAX, veuillez visiter notre Manuel de référence jQuery AJAX.