English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode jQuery get()

Méthodes AJAX jQuery

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

Syntaxe :

$.get(URL, data, callback, dataType)

Exemple

Dans cet exemple, nous obtenons le segment de code HTML demandé et le plaçons dans la page :

$("button").click(function(){
  $.get("ajax_get.php", function(data){
    $("#output").html(data);
  });
});
Voyons si‹/›

Requête de la page ajax_get.php et envoi de données supplémentaires :

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  });
});
Voyons si‹/›

Requête de la page ajax_get.php, envoi de données supplémentaires et message d'alerte d'état :

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

Requête du fichier demo.json et insertion dans la page :

$("button").click(function(){
  $.get("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Voyons si‹/›

Requête json_demo retournée au format json1Fichier .php :

$("button").click(function(){
  $.get("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  });
});
Voyons si‹/›

Valeur du paramètre

ParamètresDescription
URLSpécifiez l'URL que vous souhaitez demander
data(Optionnel) Spécifiez les données que vous souhaitez envoyer au serveur avec la requête
callback(Optionnel) Spécifiez la fonction de rappel à exécuter après le succès de la requête

Paramètres :

  • data-Contient les données de résultat de la requête

  • status-Contient l'état de la requête ("success", "notmodified", "error", "timeout", ou "parsererror")

  • xhr-Contient l'objet XMLHttpRequest

dataType(Optionnel) Spécifiez le type de données de réponse nécessaire du serveur
Par défaut, jQuery effectue une déduction automatique

Types possibles :

  • 「xml」-Un document XML

  • 「html」-HTML comme texte brut

  • 「text」-Chaîne de texte brute

  • 「script」-Exécutez la réponse en JavaScript et retournez sous forme de texte brut

  • 「json」-Exécutez la réponse comme JSON et retournez un objet JavaScript

  • 「jsonp」-Charger un bloc JSON en utilisant JSONP. Ajoutez l'URL '?callback=?' pour spécifier le rappel

Méthodes AJAX jQuery