Comment utiliser la méthode ajax.load() dans jQuery

Cette fois, je vais vous montrer comment utiliser la méthode ajax.load() dans jQuery. Quelles sont les précautions lors de l'utilisation de la méthode ajax.load() dans jQuery. Ce qui suit est un cas pratique. . Jetons un coup d'oeil une fois.

Méthode jQuery Load()

La méthode jQuery Load() est une méthode AJAX simple mais puissante. La méthode

load() charge les données du serveur et place les données renvoyées dans l'élément sélectionné.

Syntaxe :

$(selector).load(URL,data,callback);

La fonction load() est utilisée pour charger les données du serveur et remplacer l'élément correspondant actuel par le a renvoyé le contenu du contenu HTML.

La fonction load() utilise la méthode GET par défaut. Si des données sous forme d'objet sont fournies, elle passera automatiquement à la méthode POST.

Étant donné que la méthode de requête Get est utilisée par défaut, nous pouvons également ajouter des données à l'URL pour la soumission.

Par exemple, $("#box").load("loadTest.html？name=zhang&age=25")

La méthode load() peut prendre trois paramètres :

url (obligatoire, demander l'adresse url du fichier html, le type de paramètre est String)

données (facultatif, données clé/valeur envoyées, le type de paramètre est Object)

rappel (facultatif, succès ou échecFonction de rappel , le type de paramètre est Fonction)

La méthode load() est une méthode locale car elle nécessite un objet jQuery contenant l'élément comme préfixe. Par exemple, $("#box").load()

et $.get() et $.post() sont des méthodes globales et n'ont pas besoin de spécifier d'élément. À des fins utiles, .load() convient à l'acquisition asynchrone de fichiers statiques,

et pour ceux qui doivent transmettre des paramètres à la page du serveur, $.get() et $.post () Plus approprié.

Le paramètre de rappel facultatif spécifie la fonction de rappel à autoriser lorsque la méthode load() se termine. La fonction de rappel peut définir différents paramètres :

• responseTxt - Contient le contenu du résultat lorsque l'appel est réussi

• statusTXT - Contient l'état du call

• xhr - Contient l'objet XMLHttpRequest

L'exemple suivant affichera une boîte de dialogue une fois la méthode load() terminée. Si la méthode load() réussit, "Contenu externe chargé avec succès !" s'affichera. Si elle échoue, un message d'erreur s'affichera :

 $("button").click(function(){
 $("#p1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
  if(statusTxt=="success")
   alert("外部内容加载成功！");
  if(statusTxt=="error")
   alert("Error: "+xhr.status+": "+xhr.statusText);
 });
});

Je pense que vous maîtrisez la méthode après avoir lu le. C'est le cas dans cet article, et il y en aura d'autres à venir. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser json comme paramètre dans js

fonction de contrôle ajax+php Explication détaillée des étapes d'appel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!