Méthode get() jQuery ajax

Manuel de référence Ajax jQuery

Exemple

Changer le texte d'un élément div en utilisant une requête GET AJAX :

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Essayer par vous-même

Définition et utilisation

La méthode get() charge des informations par une requête HTTP GET distante.

Ceci est une fonction GET simple pour remplacer $.ajax complexe. Une fois la requête réussie, la fonction de rappel peut être appelée. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax.

grammaire

$(selector).get()url,data,success(response,status,xhr,dataType)
Paramètres Description
url Obligatoire. Définir l'URL vers laquelle la requête sera envoyée.
data Optionnel. Définir les données à envoyer avec la requête.
success(response,status,xhr)

Optionnel. Définir la fonction à exécuter lorsque la requête est réussie.

Paramètres supplémentaires :

  • response - Contient les données de résultat de la requête
  • status - Contient l'état de la requête
  • xhr - Contient l'objet XMLHttpRequest
dataType

Optionnel. Définir le type de données que le serveur est attendu de renvoyer.

Par défaut, jQuery le juge intelligemment.

Types possibles :

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Description détaillée

Cette fonction est une version abrégée de la fonction Ajax, équivalente à :

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Selon le type MIME différent de la réponse, les données de retour transmises au callback de succès diffèrent également, ces données peuvent être l'élément racine XML, une chaîne de texte, un fichier JavaScript ou un objet JSON. Vous pouvez également transmettre l'état texte de la réponse au callback de succès.

Pour jQuery 1.4, vous pouvez également transmettre l'objet XMLHttpRequest au callback de succès.

Exemple

Demander la page web test.php, ignorer la valeur de retour :

$.get("test.php");

Plus d'exemples

Exemple 1

Demander la page web test.php, transmettre 2 paramètres, ignorer la valeur de retour :

$.get("test.php", { name: "Bill", time: "2pm" } );

Exemple 2

Afficher la valeur de retour de test.php (HTML ou XML, selon la valeur de retour) :

$.get("test.php", function(data){
  alert("Données chargées: " + data);
});

Exemple 3

Afficher la valeur de retour de test.cgi (HTML ou XML, selon la valeur de retour), ajouter un ensemble de paramètres de requête :

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Données chargées: " + data);
  });

Manuel de référence Ajax jQuery