Source Code

for file S01_AsyncSamples/CalcFactorsServer1.htm

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <title>Prime factors calculator using a WebService</title>
</head>
<body>
  <a style="position: absolute; right: 32px; top: 10px" href="../ViewSrc.aspx">View Source</a>
  <h1>Prime factors calculator using a normal server page</h1>
  <table>
    <tbody>
      <tr>
        <th><label for="inputField">Please enter a number:</label></th>
        <td><input id="inputField" onkeyup="StartCalcPrimeFactors()"></td>
      </tr>
      <tr>
        <th><label for="outputField">The factors are:</label></th>
        <td><input id="outputField" size="60" disabled="disabled"></td>
      </tr>
    </tbody>
  </table>
  <h3>Hint:</h3>
  <p>try 12313123123123 or 12313123123123123123 for long running calculations ! </p>

  <script type="text/javascript">
var _num = "";
var _timer = null;

function StartCalcPrimeFactors() {
  var inputText = document.getElementById("inputField").value;
  if (_num != inputText) {
    if (_timer != null)
      window.clearTimeout(_timer);
    document.getElementById("outputField").value = "wait...";
    _num = inputText;
    _timer = window.setTimeout(CalcPrimeFactors, 300, "javascript");
  } // if
}

// calc prime factors
function CalcPrimeFactors() {
  var inputText, outputText;

  inputText = document.getElementById("inputField").value;

  if ((inputText == null) || (inputText.length == 0) || (inputText == "0"))
    return;

  var xmlObj = null;
  if (window.XMLHttpRequest){ 
    // If IE7, Mozilla, Safari, etc: Use native object
    xmlObj = new XMLHttpRequest()
  } else if (window.ActiveXObject) {
    // ...otherwise, use the ActiveX control for IE5.x and IE6
    xmlObj = new ActiveXObject("Microsoft.XMLHTTP"); 
  } // if
  xmlObj.open("GET", "CalcFactorsRequest.aspx?number=" + inputText, false);
  xmlObj.send();
  outputText = xmlObj.responseText;

  document.getElementById("outputField").value = outputText;
} // CalcPrimeFactors

  </script>

  <hr />
  <p>This sample uses HTML, Javascript and the XMLHTTP object on the client to call
    a WebService.</p>
  <p>A sychronous call is used so the client gets blocked when the server needs a long
    time or is not responding.</p>
  <hr />
  <p>
    This page is part of the <a href="http://www.mathertel.de/AJAXEngine/">Aspects of AJAX</a> project.</p>
  <p>
    For updates and discussions see <a href="http://ajaxaspects.blogspot.com/">http://ajaxaspects.blogspot.com/</a>.</p>
  <hr />
</body>
</html>
This page is part of the http://www.mathertel.de/ web site.
For updates and discussions see http://ajaxaspects.blogspot.com/.