Loading:


    ajaxowe odświerzanie elementu

    ajaxowe odświerzanie elementu



    Napisz Artyku³

    Listing

    <html>
    <head>
    <script language=javascript>
    // tworzymy zmienna
    var object = false;
     
    // tworzymy obiekt XMLHttpRequest (dla IE jest troche inaczej, stad funkcja warunkowa)
    if (window.XMLHttpRequest) object = new XMLHttpRequest();
    else if (window.ActiveXObject) object = new ActiveXObject("Microsoft.XMLHTTP");
     
    // ponizsza funkcja pobiera dane ze wskazanego zrodla (pliku lub skryptu php) do wskazanego
    // DIVa poprzez obiekt XMLHttpRequest    
    function getData(dataSource, divID)
    {
        // kontynuuje wylacznie gdy obiekt nie jest zajety
        if (object.readyState==4 || object.readyState==0)
        {
            // tworzy zmienna odpowiadajaca konkretnemu obiektowi na stronie
            var obj = document.getElementById(divID);
     
            // czyta z pliku lub wykonuje skrypt
            object.open("GET", dataSource);
     
            // definiuje metode obslugi odpowiedzi serwera
            object.onreadystatechange = function()
            {
                // kontynuuje jesli transmisja zostala zakonczona powodzeniem
                if (object.readyState == 4 && object.status == 200)
                obj.innerHTML= object.responseText;
            }
            // wysyla zadanie do serwera
             object.send(null);
          }
    }
     
    // w ponizszej funkcji wywolujemy funkcje getData z odpowiednimi parametrami
    // oraz wywolujemy ja sama rekurencyjnie po co okreslony czas (w naszym wypadku 1000 ms)
    function odswiezaj()
    {
          getData('status.php','mojDIVIK');
          setTimeout("odswiezaj()", 1000);
    }
     
    </script>
    </head>
    <body>
     
    <div id="mojDIVIK">
    </div>
     
    <script language=javascript>
    odswiezaj();
    </script>
     
    </body>
    </html>




    Dodano przez: gieros Ranga: 0 Punktów: 0
    Komentarze użytkowników
      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors