Pour faire appel à la classe, placez ce code entre les balises head de votre page:
<script type="text/javascript" src="XHRConnection.js"></script>
Déclarons le champ texte dans lequel sera chargé le contenu du fichier
<textarea id="champCible" rows="15" cols="80"></textarea>
Une fonction de callBack sera appelé lorsque le fichier sera chargé, c'est elle qui alimentera le champ texte. Elle prend toujours au moins un paramètre qui est la référence à l'objet XHRConnection.
// Déclaration de la fonction de callback
var remplirChamp = function (obj) {
document.getElementById('champCible').value = obj.responseText;
}
Nous allons lancer le chargement du fichier via un bouton qui fera appel à la fonction suivante:
function chargeFichier() {
// Création de l'objet
var XHR = new XHRConnection();
// Chargement de la page
// Natures des paramètres
// + string, fichier à charger
// + string, GET ou POST
// + ref, nom de la fonction de callBack
XHR.sendAndLoad("sample.txt", "GET", remplirChamp);
return true;
}