Latest web development tutorials

méthode load AJAX () - jQuery

Méthode de charge jQuery ()

méthode load jQuery () est une méthode AJAX simple mais puissant.

Procédé de charge () pour charger des données à partir du serveur, et le retour des données dans l'élément sélectionné.

Syntaxe:

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

Paramètres d'URLnécessaires à une URL prédéterminée que vous voulez charger.

paramètre de chaîne de requête spécifie lesdonnéesfacultatives clés envoyées avec les paires demande / valeur.

Le paramètrede rappelfacultatif est le nom de la fonction après la méthode de chargement () pour terminer l'exécution.

Ceci est un exemple du contenu du fichier ( «demo_test.txt») de: 

<h2>jQuery AJAX 是个非常棒的功能！</h2>
<p id="p1">这是段落的一些文本。</p>

L'exemple suivant va déposer "demo_test.txt" le contenu est chargé dans l'élément <div> spécifiée:

Exemples

$ ( "# Div1") charge ( "demo_test.txt") .;

Essayez »

Vous pouvez également ajouter le sélecteur jQuery pour le paramètre d'URL.

Voici id exemple contenu "demo_test.txt" file = élément "p1", est chargé dans le <div> élément spécifié:

Exemples

$ ( "# Div1") charge ( "demo_test.txt # p1") .;

Essayez »

Le paramètre de rappel optionnel spécifie lorsque la méthode load () après la fin pour permettre la fonction de rappel. La fonction de rappel peut définir différents paramètres:

  • responseTxt -contient le résultat du contenu de l'appel réussit
  • statusTXT -contient l'état de l'appel
  • xhr -contient l'objet XMLHttpRequest

L'exemple suivant après la méthode load () pour terminer l'affichage d'une boîte de dialogue. Si la méthode load () a été couronnée de succès, il montrera "contenu externe chargé avec succès!", Et si cela échoue, un message d'erreur est affiché:

Exemples

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

Essayez »