Ajaxowe odświeżanie elementu

Question

Witam.

Posiadam taki kod jak poniżej, który działa wyśmienicie. Plik php zwraca z bazy wartość która jest wyświetlana w div bez przeładowania strony. Pytanie brzmi. Czy da się użyć takiej konstrukcji do uruchomienia więcej niż jednego pliku php i wyświetlenia wartości w więcej niż jednym div-e.

Pozdrawiam.

 

</script>  
<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('stat.php','stat');
     
      setTimeout("odswiezaj()", 1000);
}
 
</script>

<div id=stat></div>

<script language=javascript>
odswiezaj();
</script>

Answer 1

Ten skrypt ma z dobre 15 lat, wypadałoby go zaktualizować.

Niemniej tak – da się to zrobić, po prostu dokładając kolejne wywołania getData, np. getData( 'innyPlik.php', 'iddrugiegodiva' ).

Comments

Próbowałem

---

// ponizsza funkcja pobiera dane ze wskazanego zrodla (pliku lub skryptu php) do wskazanego
// DIVa poprzez obiekt XMLHttpRequest    
function getData(dataSource, divID)
{
	// tworzymy obiekt XMLHttpRequest 
	var object = new XMLHttpRequest();

    // 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('stat.php','stat');
	  getData('innyPlik.php', 'innyDiv');
     
      setTimeout(odswiezaj, 1000);
}

W takiej formie powinno działać. Oryginalny kod za każdym razem korzystał z tego samego obiektu XMLHttpRequest, przez co nie dało się robić więcej niż jednego żądania naraz.

---

Jesteś moim osobistym Chrystusem. Dziękuję pozdrawiam.