Comment faire pour alerter l'utilisateur quand il n'y a pas de connexion internet

J'ai besoin d'alerter l'utilisateur avec les conditions suivantes;

  1. De la demande dépassé
  2. Pas de connexion internet
  3. Impossible de joindre le serveur

Voici le code; Comment capturer les conditions suivantes lors de la survenue et alerte l'utilisateur ?

failure: function (response) {
    var text = response.responseText;
    console.log("FAILED");
},success: function (response) {
    var text = response.responseText;
    console.log("SUCCESS");
}

J'ai essayé le code suivant pour vérifier si l'internet est accessible, mais il ne fonctionne pas

var networkState = navigator.network.connection.type
    alert(states[networkState]);
    if (networkState == Connection.NONE){
        alert('No internet ');
    };

Mise à JOUR **

J'ai ajouté ce qui suit dans mon index.html mais, quand j'ai désactiver le WIFI, je ne vois pas l'alerte popping. 

<script>
function onDeviceReady() {
    document.addEventListener("offline", function() {
        alert("No internet connection");
    }, false);
}
</script>
  • Quelle erreur / d'avertissement est lancé sur le journal de la console?
  • Rien n'est projeté.
InformationsquelleAutor user1315906 | 2012-05-07
  1. 19

    La meilleure chose à faire est d'écouter les "en mode hors connexion" de l'événement. Lorsque vous obtenez l'événement offline vous pouvez avertir vos utilisateurs et de prendre toutes les mesures nécessaires pour enregistrer les données, etc.

    Par exemple, votre "deviceready" rappel:

    document.addEventListener("offline", function() {
    alert("No internet connection");
}, false);

    Ce code devrait fonctionner pour la plupart toutes les versions de PhoneGap. Elle est, au moins depuis la version 1.0.

    • Assurez-vous d'avoir l'INTERNET et READ_PHONE_STATE autorisations dans votre manifest.xml. Aussi, si vous avez récemment mis à niveau PhoneGap à 1,6 ou 1,7 assurez-vous que votre plugins.xml fait référence à "NetworkStatus" pas "État du Réseau", le nom a été modifié pour supprimer l'espace.
    • Je trurned désactiver la fonction Wi-Fi et j'ai essayé tous les codes et je n'ai pas obtenu de résultat. Est-ce parce que je suis sur émulateur ?? J'utilise cordova 2.0
    • Eh bien, c'est difficile à dire. Vous ne pouvez pas avoir un événement offline car l'émulateur peut simuler une connexion 3G. Essayez de mettre de l'émulateur en mode avion.
    • Il a fonctionné comme un charme 🙂 Merci!
    • Merveilleux simon! Merci beaucoup 🙂
    InformationsquelleAutor Simon MacDonald
  2. 3

    Exactement comme l'a dit Simon, vous pouvez utiliser 

    document.addEventListener("offline", youCallbackFn, false);

    ou vous pouvez interroger la propriété booléenne

    navigator.onLine

    (Doit retourner true ou false)

    Cependant, cette technique vous permet de savoir si l'appareil est connecté. Le problème est tel que l'appareil peut être connecté au WiFi, mais le routeur est peut-être hors ligne. Dans ce cas, utiliser un mécanisme d'interrogation, comme en temps opportun Ext.Ajax.request avec moins de délais d'attente. Délai d'attente expiré = hors ligne.

    InformationsquelleAutor Grgur
  3. 1

    Vous pouvez utiliser PhoneGap du RÉSEAU API

    L'objet de réseau donne accès à l'appareil cellulaire et de la connexion wifi de l'information.

    Vous pouvez tester de la façon suivante,

     function onDeviceReady() {
        navigator.network.isReachable("phonegap.com", reachableCallback, {});
    }

 //Check network status
 //
 function reachableCallback(reachability) {
     //There is no consistency on the format of reachability
     var networkState = reachability.code || reachability;
     var states = {};
     states[NetworkStatus.NOT_REACHABLE]  = 'No network connection';
     states[NetworkStatus.REACHABLE_VIA_CARRIER_DATA_NETWORK] = 'Carrier data connection';
     states[NetworkStatus.REACHABLE_VIA_WIFI_NETWORK] = 'WiFi connection';

     alert('Connection type: ' + states[networkState]);
  }
    • Où dois-je ajouter les fonctions ci-dessus (onDeviceReady , reachableCallback ). Est-il dans le app.js?
    • Vous pouvez inclure directement navigator.network.isReachable("phonegap.com", reachableCallback, {}); ligne où vous voulez tester votre connexion réseau, et d'ajouter une fonction de rappel.
    • Le isReachable méthode a été désapprouvée les dernières versions de PhoneGap.
    InformationsquelleAutor sgokhales
  4. 1

    Vous pouvez ajouter un 'Ext.de l'appareil.Connexion' app.js de votre application. Et vérifiez que votre appareil est en ligne ou hors ligne à l'aide de code:

    if (Ext.device.Connection.isOnline()) {
         alert('Connected to internet');
      }
      else{
         alert('You are not connected to internet');
      }
    InformationsquelleAutor Gaurav Vachhani
  5. 0

    Juste Intégrer ceci dans votre balise de

    <body onoffline="alert('PLEASE CHECK YOUR INTERNET SETTING');">
    InformationsquelleAutor JOB