1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| function ajouter()
{
var titre = $('titre').value;
var echeance= $('echeance').value;
$('reponse').innerHTML = '';
// On va instancier un objet de type Ajax.Request
new Ajax.Request('ajout_contenu.php',
{
asynchronous:true,
method: 'post',
parameters: { titre: $('titre').value, echeance : $('echeance').value },
onSuccess: function(t){ // On a un retour du server (la requete a réussi)
if(t.responseText =='ok'){ // On vérifie que la réponse du server est ok
$('reponse').innerHTML = 'Ajout succès'; // innerHTML sert a écrire dans un element HTML, ici si la réponse est ok, on écrit : Ajout succès
}else{
$('reponse').innerHTML = 'Ajout echec'; // si la réponse n'est pas ok, on écrit Ajout échec
}
},
onFailure: function(){
alert('Echec de la requete'); // On affiche une alerte si la requete a échoué
},
onLoading: function(){
$('loading').innerHTML = '<img src="./img/loader.gif" />'; // au chargement (en attente de réponse du server), on affiche une image de chargement
},
onComplete: function(){
$('loading').innerHTML = ''; // Des que la requete est entierement finie on enleve l'image de chargement
}
});
} |