twocoders.de
 

programme/javascript/ajax/ajax.html


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
<html>
    <head>
        <title>AJAX</title>
        <script type="text/javascript">
            <!--
            //diese Zeile lässt jede Sekunde die Funktion auslesen() aufrufen
            var aktiv = window.setInterval("auslesen()",1000);
            
            //diese Funktion stellt das HtttpRequestObject zur Verüfung. Durch die verschiedenen Browser muss
            //erst geschaut werden welches verwendet werden muss.
            function erzXMLHttpRequestObject() 
            {
                var resObjekt = null;
                try
                {
                    resObjekt = new ActiveXObject("Microsoft.XMLHTTP");            //Internet Explorer
                }
                catch(Error)
                {
                    try
                    {
                        resObjekt = new ActiveXObject("MSXML2.XMLHTTP");        
                    }
                    catch(Error)
                    {
                        try
                        {
                            resObjekt = new XMLHttpRequest();
                        }
                        catch(Error)
                        {
                            alert("Erzeugen eines XMLHttpRequest-Objekts ist fehlgeschlagen. Ajax ist nicht m&ouml;glich");
                        }
                    }
                }
                
                return resObjekt;
            }
            
            //hier die Funktion die aufgerufen wird um eine Zufallszahl zu holen
            function auslesen()
            {
                var http = null;
                http = erzXMLHttpRequestObject()
                if (http != null) 
                {
                   http.open("GET", "zufall.php", true);
                   http.onreadystatechange = ausgeben;
                   http.send(null);
                }
                //Diese "Unterfunction" macht die Ausgabe
                function ausgeben() 
                {
                    if (http.readyState == 4)
                    {
                        document.getElementById("Ausgabe").innerHTML = http.responseText;
                    }
                }
                
            }
            //-->
        </script>
    </head>
    <body>
        HTML vom Server:
        <div id="Ausgabe"></div>
    </body>
</html>