• Registrierungsdatum: 08-04-2006
  • Beiträge: 3

Thema: Ajax Buch fehlendes html Beispiel

Hallo, könnte ich bitte das html File für das Beispiel 6.2.8 bekommen?

Gruß Hartmut

2 Antwort von j|g

  • j|g
  • devshare.de Team
  • Offline
  • Herkunft: München
  • Registrierungsdatum: 13-09-2000
  • Beiträge: 1.653

Re: Ajax Buch fehlendes html Beispiel

Hallo Hartmut,

das Beispielskript liegt auf der CD unter quellcode\listings\kapitel6 ... ich hab es nur als Skriptsnippet mit beigepackt, damit mal als Lerneffekt das Skript elbst zusammen setzt (aus den zuvor gezeigten Beispielen).

Hier ein kurzes Schnippsel, dass dieses Beispiel anwendet. Dabei wird die Rootdatei (/) des Servers aufgerufen und die Response-Header augelesen.

<!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" xml:lang="de" lang="de">
<head>
    <title>JavaScript und HTTP</title>
<script src="ajaxRequest.js" type="text/javascript"></script>    
<script type="text/javascript">
//<![CDATA[
var xmlhttp = new ajaxRequest(
    "/",
    function()
    {
        var r = xmlhttp.req;
        if (r.readyState==4)
        {
            if (!xmlhttp.count) xmlhttp.count = 0;
            var elm = document.getElementById("info");
            elm.style.display = "block";
            var time = xmlhttp.req.getResponseHeader("Date");
            elm.innerHTML  = "Server-Zeit: "+time;
            elm.innerHTML += " Count: "+(++xmlhttp.count);
            xmlhttp.t = setTimeout("xmlhttp.doRequest()", 3000);
        }
    },
    "Head"
);
xmlhttp.doRequest();

var stopTimer = function()
{
    if (xmlhttp.count)
    {
        clearTimeout(xmlhttp.t);
        delete xmlhttp.count;
    }
}

var stopStartTimer = function()
{
    if (xmlhttp.count)
    {
        clearTimeout(xmlhttp.t);
        delete xmlhttp.count;
    }
    else xmlhttp.doRequest();
}

//]]>
</script>
</head>
<body>

<p>
    <a href="#" onclick="stopStartTimer()">start/stop</a>
</p>
<div id="info"></div>

</body>
</html>

Beste Grüße
Hannes

_______________________________________________________________

/-/annes (j|g) ... http://www.jg-webdesign.de

j|g's Webseite