ajaxowe odświerzanie elementu
ajaxowe odświerzanie elementu
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>
<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
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno