Dernière mise à jour le Samedi 9 Octobre 2005
Nous allons définir un champ de saisie dont le contenu sera envoyé à un fichier PHP. Ce dernier alimentera un fichier texte.
<textarea id="votreSaisie" name="votreSaisie" cols="" rows="5"></textarea>
Pour faire appel à la classe, placez ce code entre les balises head de votre page:
<script type="text/javascript" src="XHRConnection.js"></script>
Nous aurons besoin de deux fonctions. La première sera appelée à la demande par l'utilisateur lorsqu'il cliquera sur le bouton "Ecrire". La seconde sera une fonction de callback qui affichera si l'opération s'est déroulée avec succès.
<script type="text/javascript" language="javascript">
// Déclaration de la fonction de Callback
var afficheStatut = function(obj) {
alert(obj.responseText);
}
function ecrire() {
// Création de l'objet
var XHR = new XHRConnection();
// On crée une variable pour stocker le contenu de la zone de saisie
XHR.appendData("texte", document.getElementById('votreSaisie').value);
// On soumet la requête
// Signification des paramères:
// + On indique à l'objet qu'il faut appeler le fichier fwrite.php
// + On utilise la méthode POST, adaptée l'envoi d'information
// + On indique quelle fonction appeler lorsque l'opération a été effectuée
XHR.sendAndLoad("fwrite.php", "POST", afficheStatut);
}
</script>
Voici le script PHP du fichier "fwrite.php":
<?php
$handle = @fopen("fichier.txt", "w+");
if ($handle) {
fwrite($handle, stripslashes($_POST["texte"]));
fclose($handle);
echo utf8_encode("Opération effectuée");
}
else {
echo utf8_encode("Ouverture du fichier impossible.");
}
?>