Forum PHP.pl > [JavaScript]Działa tylko ostatnie odwołanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Działa tylko ostatnie odwołanie

ketna

18.07.2008, 08:55:05

Witam,
Mam następujący problem: przy zastosowaniu poniższego kodu funkcja zwraca tylko wynik dla ostatniego odwołania na stronie.
Jest to spowodowane tym, że dla wszystkich wywolań funkcji check korzystam tego samego obiektu XMLHttpRequest.
Nie wiem jednak jak odpowiednio przekonstruować funkcje. Proszę o pomoc.

[HTML] pobierz, plaintext 
var http = Object();
 
function Object() 
{
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer")
	{
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
		ro = new XMLHttpRequest();
	}
	return ro;
}
 
function Response() 
{ 
if(http.readyState == 4) 
{ 
var response = http.responseText; 
 
returned = response.split('|'); 
 
if(response.indexOf('|' != -1)) 
{ 
var id=returned[1]; 
var count=returned[2]; 
 
document.getElementById('count'+id).innerHTML = count; 
 
} 
} 
} 
 
function check(id) 
{ 
document.getElementById('count'+id).innerHTML = 'wait'; 
http.open('get', 'check.php?id='+id); 
http.onreadystatechange = Response; 
http.send(null); 
} 
 
 
<div id="count2"></div><script type="text/javascript">check(2);</script> 
<div id="count1"></div><script type="text/javascript">check(1);</script> 
<div id="count4"></div><script type="text/javascript">check(4);</script> 
<div id="count3"></div><script type="text/javascript">check(3);</script>
[HTML] pobierz, plaintext

biteater2008

22.07.2008, 13:28:17

Witam! Sporo się nakombinowałem nad tym, żeby skrypt zadziałał, bo problem mnie naprawdę zaintrygował. Oto jest kod, które powinien działać (przynajmniej u mnie na XAMPPie działa poprawnie). Jeżeli będzie Pan miał nadal problemy, to obawiam się, że wiele zdziałać już nie możemy.

CODE

<html>
<head>
<script>
il = 4;
licznik = 1;
http = new Array();
for (i=1;i<=il;i++) {
http[i] = Object();
}

function Object() 
{
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer")
{
ro = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
ro = new XMLHttpRequest();
}
return ro;
}

function Response()
{

if (http[licznik].readyState == 4) 
{ 
var response = http[licznik].responseText; 

returned = response.split('|'); 

if(response.indexOf('|') != -1) 
{ 
var id=returned[1]; 
var count=returned[2]; 
document.getElementById('count'+id).innerHTML = count; 
}
licznik++; 
} 
} 

function check(id) 
{ 
document.getElementById('count'+id).innerHTML = 'wait'; 
http[id].open('get', 'check.php?id='+id);
http[id].onreadystatechange = Response; 
http[id].send(null); 
} 
</script>
</head>
<body>
<div id="count1"><script>check(1);</script></div>
<div id="count2"><script>check(2);</script></div>
<div id="count3"><script>check(3);</script></div>
<div id="count4"><script>check(4);</script></div> 
</body>
</html>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.