Easy-Micro


ESPACEMEMBRE AJAX
Ajax CallBack

Chargement dynamique de script

Exemple AJAX de chargement dynamique d'un script externe à partir d'une fonction qui crée une balise script.

La page de cet exemple contient un seul bouton qui, une fois cliqué, charge la phrase ("Hello world!") depuis un fichier javascript externe. La phrase est récupérée dans une fonction (nommée callback()), qui l'affiche dans un alert:

Chargement dynamique de script (index.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-15" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<head>
<title>Exemple d'Ajax callback</title>
<script type="text/javascript">
//<![CDATA[

function fairebalise() {
// crée une balise script
var mabalisescript = document.createElement("script");
// rajoute de type
mabalisescript.type = "text/javascript";
// rajoute la source
mabalisescript.src = "exemple.js";
// met là à la fin du corps du document
document.body.appendChild(mabalisescript);
}

function callback(montexte) {
alert("Chargé depuis le fichier: " + montexte);
}
//]]>
</script></head>
<body>
<input type="button" value="Click Moi" onclick="fairebalise()" />
</body></html>

Contenu de exemple.js

callback("Hello world!");

Note : Est utilisé ci-dessus le caractère CDATA (pour "Character Data", données de caractère). Il permet d'éviter que le contenu de la section ne soit analysé par le navigateur lors de la lecture du fichier (un peu comme les balises <pre></pre> qui affichent le texte en respectant les espaces).

Nombre de fichiers XML dynamiques mettent leur contenu textuel dans une section CDATA, afin d'éviter qu'un caractère inattendu ne casse la validité du XML, et donc ne le rende illisible.

Note: appendChild() ajoute un nœud à la fin de la liste des enfants d'un nœud parent spécifié. Voir le DOM

Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Jeudi 24 janvier 2019 - Semaine 04 - Saint François de Sales (Demain: Saint Manuel)
Aujourd'hui, c'est l'anniversaire de Daniel Auteuil (1950-69 ans), acteur français, de Nastassja Kinski (1961), actrice et mannequin allemande et de Muriel Moreno (1963), chanteuse française (du groupe Niagara). Autre 24 janvier: 2009 - Tempête Klaus sur le sud-ouest de la France (60% des forêts sont dévastées).
Haut de page Easy-Micro