AJAX soll PHP Variable anzeigen (Live)

  • AJAX soll PHP Variable anzeigen (Live)

    Hallo zusammen,

    hab hier schon ein bisschen gesucht aber nicht das gefunden was ich bräuche. Gleich vorne weg, ich hab noch nie mit AJAX gearbeitet und auch nur sehr sehr wenig mit JS.

    Ich bräuchte ein Script das in einer HTML-Datei ist und aus einer PHP-Datei Variablen anzeigt. Die müssten aber immer aktuell sein (also jede sec oder alle fünf sec müsste dies überprüft werden)

    Die PHP-Datei liest z.B. eine Datenbank aus oder prüft ob eine Datei vorhanden ist. Sollte sich dabei das Ergebnis im vergleich zum vorherigen ändern so soll das auf der HTML-Seite angezeigt werden (Verzögerung von 5 sec ist kein Problem)

    Kleines Praxis Beispiel: Auf einer Seite wird ein Counter angezeigt und sobald der sich in der Datenbank/Datei ändert soll er sich auch bei allen Usern ändern auch wenn sie nicht grad die Seite Aktuallisieren.

    Wie gesagt ich hab noch keine Erfahrung mit AJAX aber man hat zu mir gesagt das mein Problem so zu lösen sei.

    Ich bedanke mich schon mal im Vorraus für eure schnellen Antworten.
    ciao
    da dom

  • hey,

    danke, dabei hab ich ja jetzt genau das gefunden was ich gesucht habe... das ist echt super danke

    habs jetzt mit [coderwiki]HowTos/Ajax-Server-zu-Client-Kommunikation[/coderwiki] ausprobiert... (kleine tests) und das schaut schon sehr viel versprechend aus...

    ich glaube die tuts werden mir noch öfters helfen... gute arbeit ;)

    ciao
    da dom

  • AD: Seite wird einmal geladen und ende
    FF: geht einwandfrei
    Opera: gleiche URL wie bei FF aber gleiches Problem wie bei Activ Desktop
    IE: wie bei opera

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    3. <html><head>
    5. <title>Server zu Client Kommunikation</title>
    7. <script type="text/javascript">
    9. <!--
    11. function ajax()
    13. {
    15. try {
    17. req = window.XMLHttpRequest?new XMLHttpRequest():
    19. new ActiveXObject("Microsoft.XMLHTTP");
    21. } catch (e) {
    23. //Kein AJAX Support
    25. }
    27. req.onreadystatechange = function() {
    29. if ((req.readyState == 4) && (req.status == 200)) {
    31. var feedback = req.responseText;
    32. document.getElementById("message").innerHTML = feedback;
    35. //Rekursiv jede Sekunde aufrufen und auf Statusaenderung reagieren
    37. setTimeout("ajax()", 5000);
    39. }
    41. }
    43. req.open('get', 'http://www.domian.de/status.php');
    44. req.send(null);
    46. }
    48. //-->
    49. </script>
    50. </head>
    51. <body onload="ajax()">
    52. <div id="message"></div>
    53. </body>
    54. </html>
    Alles anzeigen


    wie du siehst ist es eig. genau das was bei Coder Wiki angegeben ist (hab ich ja so zum rumprobirieren nur kopiert und gekürzt) hab ich da vielleicht irgendwo was wichtiges weggetan?