Derniers tutoriels de développement web
 

jQuery - AJAX get() and post() Methods


Le jQuery get() et post() méthodes sont utilisées pour demander des données à partir du serveur avec un HTTP GET ou POST demande.


Requête HTTP: GET vs POST

Deux méthodes couramment utilisées pour une requête-réponse entre un client et le serveur sont: GET et POST .

  • GET - Demandes de données à partir d' une ressource spécifiée
  • POST - données Soumet à traiter à une ressource spécifiée

GET est essentiellement utilisé pour simplement obtenir (récupération) des données à partir du serveur .Remarque: Le GET méthode peut renvoyer des données mises en cache.

POST peut également être utilisé pour obtenir des données à partir du serveur. Cependant, le POST méthode met en cache les données JAMAIS, et est souvent utilisé pour envoyer des données avec la demande.

Pour en savoir plus sur GET et POST , et les différences entre les deux méthodes, s'il vous plaît lire nos HTTP Méthodes GET vs POST chapitre.


jQuery $.get() Méthode

Le $.get() méthode demande des données à partir du serveur avec un HTTP GET demande.

Syntaxe:

$.get(URL,callback);

Le paramètre d'URL requis spécifie l'URL que vous souhaitez demander.

Le paramètre de rappel optionnel est le nom d'une fonction à exécuter si la demande réussit.

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

Exemple

$("button").click(function(){
    $.get("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
Essayez - le vous - même »

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

Le second paramètre est une fonction de rappel. Le premier paramètre de rappel maintient le contenu de la page demandée, et le second paramètre de rappel maintient le statut de la requête.

Astuce: Voici comment le fichier ASP ressemble ("demo_test.asp") :

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() Méthode

Le $.post() méthode demande des données à partir du serveur en utilisant un HTTP POST demande.

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 en option spécifie certaines données à envoyer avec la demande.

Le paramètre de rappel optionnel est le nom d'une fonction à exécuter si la demande réussit.

L'exemple suivant utilise le $.post() méthode 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("Data: " + data + "\nStatus: " + status);
    });
});
Essayez - le vous - même »

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

Ensuite, nous passons quelques données à envoyer avec la demande (nom et ville).

L' ASP script 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 maintient le contenu de la page demandée, et le second paramètre de rappel maintient le statut de la requête.

Astuce: Voici comment l' ASP fichier ressemble ("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 & ".")
%>

jQuery AJAX Référence

Pour un aperçu complet de toutes les jQuery AJAX méthodes, s'il vous plaît aller à notre jQuery AJAX Référence .