Skip to content Skip to sidebar Skip to footer

How To Use Ajax To Detect If The Web Server Is Down Or Not Receiving Requests

I've been working on a web site project in my spare time for a while, and recently decided I needed the Web Browser to detect whether or not the Web Server had gone down. Lots of

Solution 1:

Here is some code that appears to work adequately (not counting any typos I might have made in extracting/simplifying it for posting here).

var AJobj, invl, tri, coun, str, rs; //some handy global variables

function initialize() //called by "onLoad" event handler for the HTML <body> tag
{ window.name="MyWindow";
  if (window.XMLHttpRequest)
  { if (AJobj == null)  //prevent creating AJAX object more than once
      AJobj = new XMLHttpRequest();
  }
  else //display message about browser not being recent enough
  { window.open("Sorry.htm", "MyWindow", true);
    return;
  }
  tri = 0;      //number-of-tries counter
  invl = false; //either the handle of an interval timer, or a no-timer flag  

//other initialization stuff, for the web page, goes here

  return;
}


function getAJAXdata1(a)
{ if(a != "a")  //test for NOT "again"
  { if(invl !== false) //if interval timer already running
      return;   //ignore calls to this function if waiting for another AJAX request to complete
    invl = setInterval("AJAXready(1);", 500); //start an interval timer for this AJAX request
    coun = 0;   //initialize counter associated with the interval timer
  }
  else
  { ;  //when this function called "again", the goal is to duplicate the original AJAX request
    ;  //If you need to do something special to ensure request is duplicated, it goes here
  }    
  try
  { AJobj.open("GET", "datagroup1.php?info1=test&info2=thoroughly" , true); //sample AJAX request ('GET' type)
  }
  catch(err) //if an error happens that the client can detect
  { if(invl !== false)
      clearInterval(invl); //turn off interval timer because leaving page
    window.open("Sorry2.htm", "MyWindow", true); //load appropriate error-message page
  }
  AJobj.onreadystatechange = function(){AJAXready(1);};  //anonymous callback function
          // is called when Web Server responds, and sends a parameter to a specific function below
  AJobj.send(null);  //complete the send-off of the AJAX request
  return;
}

function useAJAXdata1()
{ ; //variable "str" holds the data received from the Web Server
  ; //do what you want with it

  return;
}

//Below, the differences from 'getAJAXdata1(a)" are the name of this function,
// the parameter in the callback function for the interval timer,
// the name of the PHP file that gets called to provide AJAX data,
// the URL data being sent to that PHP file for processing,
// and the parameter in the anonymous callback function.
function getAJAXdata2(a)
{ if(a != "a")
  { if(invl !== false)
      return;
    invl = setInterval("AJAXready(2);", 500);
    coun = 0;
  }
  else  //function parameter specifies "again"
  { ; //if you need to do something special to ensure an
    ; // AJAX request is exactly duplicated, it goes here
  }    
  try
  { AJobj.open("GET", "datagroup2.php?info1=thoroughly&info2=test" , true);
  }
  catch(err)
  { if(invl !== false)
      clearInterval(invl);
    window.open("Sorry2.htm", "MyWindow", true);
  }
  AJobj.onreadystatechange = function(){AJAXready(2);};
  AJobj.send(null);
  return;
}

function useAJAXdata2()
{ ; //variable "str" holds the data received from the Web Server
  ; //do what you want with it

  return;
}

//SIMILARLY, a third, fourth, and so on, "getAJAXdata(a)" and "useAJAXdata()" function could be created if needed



//This function is called by the interval timer AND by a successful AJAX request
function AJAXready(w)      //"w" refers to "which", such as getAJAXdata1() or getAJAXdata2()
{ rs = AJobj.readyState;   //get status of AJAX request
  if(rs < 4)               //if not yet completed successfully
  { if(coun++ > 15)        //15 calls from the interval timer (about 7 1/2 seconds; pick time you think best)
    { coun = 0;            //reset the counter of calls originating with the interval timer
      TryAgain(w);         //Try sending a duplicate of the original AJAX request,
    }                      //  for which the response that took too long
    return;
  }
  str = AJobj.responseText;//Client thinks AJAX request succeeded, so fetch the data sent by the Web Server
  if(str == "")            //SURPRISE!  Sometimes there is no data!
                           //(server logs can indicate that the AJAX request never actually arrived)
  { coun = 0;              //reset interval-timer counter
    TryAgain(w);           //try sending a duplicate of the original AJAX request
    return;
  }
  //ACTUAL SUCCESS if JavaScript processing reaches this code
  if(invl !== false)
  { clearInterval(invl);   //turn off the interval timer
    invl = false;          //reset the flag
  }
  tri = 0;                 //reset counters
  coun = 0;
  eval("useAJAXdata"+w+"()"); //call the appropriate "useAJAXdata" function
  return;
}


function TryAgain(w)
{ if(tri++ > 2)
  { if(invl != false)
      clearInterval(invl);  //turn off interval timer
    alert("Three attempts to reach the Web Server have\n" +
          "failed; it may be down. (The rest of this\n" +
          "message is up to you.)");
    window.close(); //or you could send the user to some other web site
//  window.open("http://www.stackoverflow.com", "MyWindow", true);
  }
  else                             //Call the appropriate "getAJAXdata" function, with
    eval("getAJAXdata"+w+'("a")'); //  parameter "a" for "again", to get data from Web Server
  return;
}

Post a Comment for "How To Use Ajax To Detect If The Web Server Is Down Or Not Receiving Requests"