jQuery - Méthodes AJAX get() et post()
Les méthodes jQuery get() et post() sont utilisées pour demander des données au serveur avec une requête HTTP GET ou POST.
Requête HTTP : GET ou POST
Deux méthodes couramment utilisées pour une requête-réponse entre un client et un serveur sont : GET et POST.
- GET - Demande des données à partir d'une ressource spécifiée
- POST - Soumet les données à traiter à une ressource spécifiée
GET est essentiellement utilisé pour obtenir (récupérer) des données du serveur. Remarque : La méthode GET peut renvoyer des données mises en cache.
POST peut également être utilisé pour obtenir des données du 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 notre chapitre Méthodes HTTP GET vs POST .
Méthode jQuery $.get()
La $.get()méthode demande des données au serveur avec une requête HTTP GET.
Syntaxe:
$.get(URL,callback);
Le paramètre d'URL requis spécifie l'URL que vous souhaitez demander.
Le paramètre de rappel facultatif est le nom d'une fonction à exécuter si la requête aboutit.
L'exemple suivant utilise la $.get()méthode pour récupérer les données d'un fichier sur le serveur :
Exemple
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Le premier paramètre de $.get()est l'URL que nous souhaitons demander ("demo_test.asp").
Le deuxième paramètre est une 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.
Astuce : Voici à quoi ressemble le fichier ASP ("demo_test.asp") :
<%
response.write("This is some text from an external ASP file.")
%>
Méthode jQuery $.post()
La $.post()méthode demande des données au serveur à l'aide d'une requête HTTP POST.
Syntaxe:
$.post(URL,data,callback);
Le paramètre d'URL requis spécifie l'URL que vous souhaitez demander.
Le paramètre de données facultatif spécifie certaines données à envoyer avec la demande.
Le paramètre de rappel facultatif est le nom d'une fonction à exécuter si la requête aboutit.
L'exemple suivant utilise la $.post()méthode pour envoyer des données avec la requête :
Exemple
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Le premier paramètre de $.post()est l'URL que nous souhaitons demander ("demo_test_post.asp").
Ensuite, nous transmettons certaines données à envoyer avec la demande (nom et ville).
Le script ASP dans "demo_test_post.asp" lit les paramètres, les traite et renvoie un résultat.
Le troisième paramètre est une 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.
Astuce : Voici à quoi ressemble le fichier ASP ("demo_test_post.asp") :
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
Référence jQuery AJAX
Pour un aperçu complet de toutes les méthodes jQuery AJAX, veuillez consulter notre Référence jQuery AJAX .