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

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

Requêtes HTTP : GET et POST

dansGETDans la méthode, le navigateur ajoutera le nom/Les paires de valeurs sont ajoutées à la fin de l'URL.

GET est généralement utilisé dans des endroits où la sécurité n'est pas importante.

• Les requêtes GET peuvent être mises en cache

• Les requêtes GET sont conservées dans l'historique du navigateur

• Les requêtes GET peuvent ajouter des signets

• Ne jamais utiliser les requêtes GET pour traiter des données sensibles

• Les requêtes GET ont une limitation de longueur (seulement2048caractères)

dansPOSTDans la méthode, le contenu ne s'affiche pas dans l'URL.

Si les données du formulaire contiennent des informations sensibles ou personnelles, il faut toujours utiliser POST.

• Les requêtes POST ne sont jamais mises en cache

• Les requêtes POST ne sont pas conservées dans l'historique du navigateur

• Les requêtes POST ne peuvent pas ajouter de signets

• Utilisez des requêtes POST pour traiter des données sensibles

• Les requêtes POST n'ont pas de limitation de longueur

Pour plus d'informations sur GET et POST et les différences entre ces deux méthodes, veuillez visiter notreMéthodes de requête HTTPpage.

Méthode $.get() de jQuery

jQuery $.get()La méthode utilise une requête HTTP GET pour charger des données du serveur.

C'est$.get()Syntaxe de la méthode method :

$.get(URL, data, callback)

Paramètres :

• URL-Spé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 en cas de succès de la requête

Dans cet exemple, la page ajax_get.php est demandée, d'autres données sont envoyées et un message d'état d'alerte est affiché :

$("button").click(function(){
　　$.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

Voici le code source du fichier PHP ("ajax_get.php"):

<?php
　　　　echo "<p>Hello ". $_GET['fname']." ". $_GET['lname'].", How are u doing?</p>";
?>

Méthode $.post() de jQuery

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

C'est$.post()Syntaxe de la méthode method :

$.post(URL, data, callback)

Paramètres :

• URL-Spé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 en cas de succès de la requête

Dans cet exemple, la page ajax_post.php est demandée, d'autres données sont envoyées et un message d'état d'alerte est affiché :

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

Voici le code source du fichier PHP ("ajax_post.php"):

<?php
　　　　echo "<p>Hello ".$_POST['fname']." ".$_POST['lname'].", Comment ça va ?</p>";
?>

Référence AJAX de jQuery

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