Javascript: Vérifier si le serveur est en ligne?

Quel est le moyen le plus rapide pour vérifier si mon serveur est en ligne via le JavaScript?

J'ai essayé les AJAX:

function isonline() {
    var uri = 'MYURL'
    var xhr = new XMLHttpRequest();
    xhr.open("GET",uri,false);
    xhr.send(null);
    if(xhr.status == 200) {
        //is online
        return xhr.responseText;
    }
    else {
        //is offline
        return null;
    }   
}

Le problème est, il ne revient jamais si le serveur est hors ligne. Comment puis-je définir un délai d'attente de sorte que, si elle n'est pas de retour après un certain laps de temps, je peux supposer que c'est en mode hors connexion?

  • qu'en est xhr.status == 500 pour vérifier la disponibilité?
InformationsquelleAutor Skizit | 2011-03-07
  1. 26

    XMLHttpRequest n'a pas de travail inter-domaine. Au lieu de cela, je voudrais charger un petit <img> que vous attendez de revenir rapidement et de regarder le onload événement:

    function checkServerStatus()
{
    setServerStatus("unknown");
    var img = document.body.appendChild(document.createElement("img"));
    img.onload = function()
    {
        setServerStatus("online");
    };
    img.onerror = function()
    {
        setServerStatus("offline");
    };
    img.src = "http://myserver.com/ping.gif";
}

    Edit: Nettoyage de ma réponse. Un XMLHttpRequest solution est possible sur le même domaine, mais si vous voulez juste tester pour voir si le serveur est en ligne, l'img charge solution est la plus simple. Il n'y a pas besoin de jouer avec des délais d'attente. Si vous voulez rendre le code ressemble, il est synchrone, voici un sucre syntaxique pour vous:

    function ifServerOnline(ifOnline, ifOffline)
{
    var img = document.body.appendChild(document.createElement("img"));
    img.onload = function()
    {
        ifOnline && ifOnline.constructor == Function && ifOnline();
    };
    img.onerror = function()
    {
        ifOffline && ifOffline.constructor == Function && ifOffline();
    };
    img.src = "http://myserver.com/ping.gif";        
}

ifServerOnline(function()
{
    // server online code here
},
function ()
{
    // server offline code here
});
    • Bien trouvé, mais si je me souviens bien, vous avez fait l'ajouter à la DOM, parce que pas tous les navigateurs charge si vous n'avez pas. EDIT: Vous pouvez utiliser onerror, car cela permettra d'exécuter lorsque l'image n'existe pas: jsfiddle.net/8ZP9r
    • Nice! Bon appel à la onerror suggestion! Je vais mettre à jour ma réponse.
    • Votre AJAX suggestion ne semble pas y avoir de travail. Plane encore sur hors ligne.
    • Mais que puis-je faire, si je ne veux pas afficher le ping.gif dans mon document.corps?
    • Masquer à l'aide de CSS. Par exemple: img.style.display = "none";
    • Corrigez-moi si je me trompe, mais quand nous sommes en envoyant une demande à un autre serveur, à moins que nous savons que l'adresse d'une image au niveau de leur serveur, il va échouer à droite..? et ils peuvent supprimer l'image à tout moment... je ne comprends pas quels sont les avantages de l'utilisation d'une image donne puisque l'on peut envoyer de la croix-domaine XMLHttpRequest si nous sommes dans le contrôle des serveurs.
    • à l'aide de img façon pouvons-nous avoir le mauvais résultat si l'image demandée a été mis en cache par le navigateur?
    • Oui, potentiellement. L'habitude truc pour éviter de cache du navigateur est pour l'ajout d'un ou de manière aléatoire en fonction du temps de chaîne de requête de l'url. Par exemple, img.src = "http://example.com/ping.gif?" + Date.now().

    InformationsquelleAutor gilly3
  2. 1

    Voici comment j'ai réalisé la vérification de la disponibilité du serveur à l'aide de Fetch pour gérer la demande et AbortController pour gérer un dépassement de délai dans un Node.js application.

    JS:

    function checkServer(url, timeout) {
  const controller = new AbortController();
  const signal = controller.signal;
  const options = { mode: 'no-cors', signal };
  return fetch(url, options)
    .then(setTimeout(() => { controller.abort() }, timeout))
    .then(response => console.log('Check server response:', response.statusText))
    .catch(error => console.error('Check server error:', error.message));
}

    InformationsquelleAutor Will P
  3. 0

    Utiliser un XMLHttpRequest, puis vérifier si elle a échoué. Vous ne savez pas si ce serait le travail de la croix-domaine si.

    InformationsquelleAutor pimvdb
  4. 0

    Faire un appel ajax et sa suite nous le dira.

    InformationsquelleAutor d-live