J'utilise le code ci-dessous afin de faire une mise à jour d'une information (dans un input par exemple) avec Onblur (entre autre)
Comme je me sers aussi d'un theme boostrap, j'ai un message qui apparait lorsque la connexion se fait ("blackDashboard.showSidebarMessage") ! Dans l'état actuel, tout fonctionne nickel lorsque la connexion internet est bien là ! La sauvegarde se fait, et le message apparait.
Toutefois, lorsque la connexion est coupée, le message n'apparait plus. C'est déjà un indice, mais l'utilisateur peut ne pas comprendre ou remarquer que le popup (discret tout de même) n'est pas apparu et donc, en toute bonne foi, penser que ca a été sauvegardé.
Donc, je n'arrive pas à comprendre comment faire aussi apparaître un message lorsque la connexion est coupée et donc que la mise à jour n'a pas pu être faite. Pourriez-vous m'aider ?
En vous remerciant, Stéphane
Code : Tout sélectionner
function maj_info(nom,valeur){
const xhr = new XMLHttpRequest();
const method = "POST";
const url = "./gestion/maj_info_ajax.php";
xhr.open(method, url, false);
xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
const status = xhr.status;
if (status === 0 || (status >= 200 && status < 400)) {
// The request has been completed successfully
blackDashboard.showSidebarMessage('Mise à jour effectuée !!');
} else {
// Oh no! There has been an error with the request!
blackDashboard.showSidebarMessage('Oups, Sauvegarde impossible ! Toujours connecté1 ?');
}
}
};
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.send("nom=" + nom + "&valeur=" + valeur);
}
