Examples: Data Error Explorer

Data Error Explorer

Front End
Back End

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chapter 6 : Networking Considerations - Data Error Explorer</title>
<link rel="stylesheet" href="https://ajaxref.com/ch6/global.css" type="text/css" media="screen" />

<script src="https://ajaxref.com/ch6/ajaxtcr.js" type="text/javascript">

</script>

<script type="text/javascript">

 
 
 
function showSuccess(response)
{
  var responseOutput = document.getElementById("responseOutput");
  if (response.xhr.responseXML.getElementsByTagName("requestip").length > 0)
  {
      var requestip = response.xhr.responseXML.getElementsByTagName("requestip")[0].firstChild.nodeValue;
      var serverdate = response.xhr.responseXML.getElementsByTagName("serverdate")[0].firstChild.nodeValue;
      var message = "Hello World to user from " + requestip + " at " + serverdate;
          
      responseOutput.innerHTML = "Request id: "+response.requestID+ " - <strong>SUCCESS:</strong> " + message;
  }
  else
      showFail(response, "Cannot read packet: expected XML nodes not found");    
}
 
function showFail(response, errorMessage)
{
  var responseOutput = document.getElementById("responseOutput");    
  responseOutput.innerHTML = "Request id: "+response.requestID+ " - <strong style='color:red'>FAIL: </strong> " + errorMessage;    
}
 
function showProgress(request)
{
    var responseOutput = document.getElementById("responseOutput");    
    responseOutput.innerHTML = "Request id: "+request.requestID+ " - Sent ( " + request.timespent + " )";     
}
 
 
 
function sendRequests(form)
{
    var responseOutput = document.getElementById("responseOutput");
    responseOutput.innerHTML = "";
    
    var error = form.error.options[form.error.selectedIndex].text;
    
    //create payload
    var payloadString = "delay=3&xmlerror=" + AjaxTCR.data.encodeValue(error);
        
    /* set the destination */
      var url =  "https://ajaxref.com/ch6/networkexplorer.php";
  
      /* define communication options */
      var options = { method: "GET",
                    onSuccess : showSuccess,
                  onFail : showFail,
                  payload: payloadString,
                  showProgress: true,
                  onProgress: showProgress,
                  responseContentType: "text/xml"
                 };
  
      /* make the request */                 
      var theRequest = AjaxTCR.comm.sendRequest(url,options);
    if (theRequest)
       responseOutput.innerHTML = "Request id: "+theRequest.requestID+ " - Sent ";
    
    
}
 
window.onload = function () 
{ 
 document.requestForm.requestButton.onclick = function () { sendRequests(this.form); };
};

</script>

 
</head>
<body>
<div id="mainpage">
<div class="content">
<h1>Data Error Explorer</h1>
<form action="#" name="requestForm">
<fieldset>
<table width="100%">
<tr class="row">
<td width="100">Error: </td>
<td><select name="error">
    <option>None</option>
    <option>Wrong Content</option>
    <option>Wrong Content Type</option>
    <option>Malformed XML</option>
</select></td></tr>
</table>
 
</fieldset>
 <br />
  <input type="button" name="requestButton" value="Send Request" />
</form>
<br />
</div></div>
 
<div class="response">
<div id="responseOutput"></div>
</div>
 
</body>
</html>

view plain print

<?php
 
    $starttime = time();
    $delay = gpc("delay");
    
    if ($delay != "")
        sleep($delay);
        
    header("Cache-Control: no-cache");
    header("Pragma: no-cache");
    
    
    $clientTime = gpc("clienttime");
    $requestID = gpc("id");
    $requestIP = $_SERVER['REMOTE_ADDR'];
    $responseStatus = gpc("responsestatus");
    $xmlError = gpc("xmlerror");
    
    
    if ($responseStatus == "200")
        header("HTTP/1.1 200 OK\n\n");
    else if ($responseStatus == "204")
        header("HTTP/1.1 204 No Content\n\n");
    else if ($responseStatus == "403")
        header("HTTP/1.1 403 Forbidden\n\n");
    else if ($responseStatus == "404")
        header("HTTP/1.1 404 Not Found\n\n");
    else if ($responseStatus == "500")
        header("HTTP/1.1 500 Internal Server Error\n\n");
    else if ($responseStatus == "501")
        header("HTTP/1.1 501 Not Implemented\n\n");
    else if ($responseStatus == "502")
        header("HTTP/1.1 502 Bad Gateway\n\n");
    else if ($responseStatus == "503")
        header("HTTP/1.1 503 Service Unavailable\n\n");
    else if ($responseStatus == "504")
        header("HTTP/1.1 504 Gateway Timeout\n\n");
    else if ($responseStatus == "505")
        header("HTTP/1.1 505 HTTP Version Not Supported\n\n");
 
    if ($responseStatus && $responseStatus != "200")exit;    
 
    if ($xmlError != "Wrong Content Type")
        header("Content-Type: text/xml");
    else
        header("Content-Type: text/html");
        
    $xml = new DOMDocument('1.0', 'UTF-8');
    $root = $xml->createElement("network");
    
    if ($xmlError == "Wrong Content")
    {
        $wrongData = $xml->createElement("wrongData");
        $wrongData->appendChild($xml->createTextNode("This is not the right XML Packet."));
        $root->appendChild($wrongData);
    
    }
    else
    {
        $requestIDNode = $xml->createElement("requestid");
        $requestIDNode->appendChild($xml->createTextNode($requestID));
        $root->appendChild($requestIDNode);
        
        $requestIPNode = $xml->createElement("requestip");
        $requestIPNode->appendChild($xml->createTextNode($requestIP));
        $root->appendChild($requestIPNode);
        
        $requestDateNode = $xml->createElement("serverdate");
        $requestDateNode->appendChild($xml->createTextNode(date("h:i:s A")));
        $root->appendChild($requestDateNode);
        
        $totalTime = time() - $starttime;
        
        $totalTimeNode = $xml->createElement("timeserver");
        $totalTimeNode->appendChild($xml->createTextNode(date("i:s", $totalTime)));
        $root->appendChild($totalTimeNode);
    }
    
    $xml->appendChild($root);
 
    $xmlString =  $xml->saveXML();
    
    if ($xmlError == "Malformed XML")
        $xmlString .= "<badstring>baddata";
    
    print $xmlString;
    
    
    
/* Helper functions */
function gpc($name)
{
    if (isset($_GET[$name]))
    return $_GET[$name];
    else if (isset($_POST[$name]))
    return $_POST[$name];
    else if (isset($_COOKIE[$name]))
    return $_COOKIE[$name];
    else
    return "";
}
?>