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

Les méthodes jQuery get() et post() sont utilisées pour demander des données à un serveur via une requête HTTP GET ou POST.

Requête HTTP : GET vs POST

Deux méthodes courantes pour la requête-réponse entre un client et un serveur sont : GET et POST.

  • GET- Demander des données à partir d'une ressource spécifiée
  • POST- Soumettre des données à traiter à une ressource spécifiée

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

POST peut également être utilisé pour obtenir des données depuis le serveur. Cependant, la méthode POST ne met jamais les données en cache, et est souvent utilisée pour envoyer des données avec la requête.

Pour en savoir plus sur GET et POST, et les différences entre les deux méthodes, veuillez lire notreMéthodes HTTP - GET vs POST。

Méthode $.get() de jQuery

La méthode $.get() demande des données au serveur à l'aide d'une requête HTTP GET.

Syntaxe :

$.get(URL,callback);
ou 
$.get( URL [, data ] [, callback ] [, dataType ] )
  • URL: La chaîne URL à laquelle envoyer la requête.
  • data: Facultatif. Une chaîne ou des paires clé/valeur à envoyer au serveur.
  • callback: Facultatif. La fonction de rappel à exécuter après la réussite de la requête.
  • dataType: Facultatif. Le type de données renvoyé par le serveur. Par défaut : estimation intelligente (peut être xml, json, script ou html).

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

Exemple

$("button").click(function(){ $.get("demo_test.php",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.php").

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 le statut de la requête.

Astuce :Le fichier PHP ("demo_test.php") ressemble à ceci :

Code du fichier demo_test.php :

<?php echo 'Voici les données lues depuis le fichier PHP.'; ?>

Méthode $.post() de jQuery

La méthode $.post() envoie des données au serveur à l'aide d'une requête HTTP POST.

Syntaxe :

$.post(URL,callback);
ou 
$.post( URL [, data ] [, callback ] [, dataType ] )
  • URL: La chaîne URL à laquelle envoyer la requête.
  • data: Facultatif. Une chaîne ou des paires clé/valeur à envoyer au serveur.
  • callback: Facultatif. La fonction de rappel à exécuter après la réussite de la requête.
  • dataType: Facultatif. Le type de données renvoyé par le serveur. Par défaut : estimation intelligente (peut être xml, json, script ou html).

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

Exemple

$("button").click(function(){ $.post("/try/ajax/demo_test_post.php", { name:"Exemple", url:"http://www.example.com" }, function(data,status){ alert("Data:\n" + data + "\nStatus:" + status); }); });

Essayez-le vous-même »

Le premier paramètre de $.post() est l'URL que nous souhaitons requêter ("demo_test_post.php").

Ensuite, nous envoyons des données avec la requête (name et url).

Le script PHP dans "demo_test_post.php" lit ces paramètres, les traite et renvoie le résultat.

Le troisiè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 contient le statut de la requête.

Astuce :Le fichier PHP ("demo_test_post.php") ressemble à ceci :

Code du fichier demo_test_post.php :

<?php $name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : ''; $url = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : ''; echo 'Nom du site :' . $name; echo "\n"; echo 'Adresse URL :' .$url; ?>
Autres extensions