[PHP][AJAX]Problem z divami Opcje

[slawek3422]

Witam.
Mam następujący problem.
Na stronie mam BUTTONA, do którego mam podpięte zdarzenie onClick. Po kliknięciu uruchamiam dwie funkcje. No i do tego momentu wszystko OK.
Problem jest w uzyskaniu odpowiedzi z serwera. Zawsze dostaję tylko jedną odpowiedź do jednego z dwóch divów. Drugi div jest pusty.

Gdzie robię błąd ?

Plik index.htm (fragment)

[HTML] pobierz, plaintext 
<script language="javascript" src="script.js"></script>
<input type="button" value="1421" onclick="sprawdz1(this.value), sprawdz(this.value);">
 
 
<div id="zawartosc"></div>
<div id="tresc"></div>
[HTML] pobierz, plaintext 

Plik script.js

[HTML] pobierz, plaintext 
var xmlHttp;
 
function sprawdz(str)
{ 
 
xmlHttp=GetXmlHttpObject();
var url="1.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function sprawdz1(str)
{ 
 
xmlHttp=GetXmlHttpObject();
var url="2.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("tresc").innerHTML=xmlHttp.responseText;
 } 
}
function stateChanged1() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("zawartosc").innerHTML=xmlHttp.responseText;
 } 
}
 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
[HTML] pobierz, plaintext 

w plikach 1.php i 2.php mam zwykłe echa.

Po kliknięciu na button w odpowiedzi mam tylko zawartość jednego pliku, tylko pierwsza funkcja zwraca wynik. Jak uzyskać obydwa wyniki ?

Ten post edytował slawek3422 6.07.2009, 19:30:38

[Suh]

W Twoich funkcjach sprawdz() i sprawdz1() masz w xmlHttp.onreadystatechange odwołanie tylko do stateChange, a nie ma do stateChange1.

[slawek3422]

zgadza się, walnąłem literówkę, jednak po zmianie na

[HTML] pobierz, plaintext 
var xmlHttp;
 
function sprawdz(str)
{ 
 
xmlHttp=GetXmlHttpObject();
var url="1.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function sprawdz1(str)
{ 
 
xmlHttp=GetXmlHttpObject();
var url="2.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp.onreadystatechange=stateChanged1;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("tresc").innerHTML=xmlHttp.responseText;
 } 
}
function stateChanged1() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("zawartosc").innerHTML=xmlHttp.responseText;
 } 
}
 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
[HTML] pobierz, plaintext 

dalej nie działa, alerty pokazują dobre dane

[Suh]

hmm.. wiesz co, spróbuj może usunąć zmienną globalną xmlHttp i daj jej zasięg lokalny w każdej funkcji.
Ciężko mi coś doradzić bo sam nigdy nie robiłem takich akcji dla dwóch div'ów.
Domyślam się, że zawartość jest generowana w divie o id="tresc" ?

Jeżeli zmiana zasięgu tej zmiennej nie pomoże, to będziemy myśleć dalej.

EDIT.
Albo wiesz co, zrób sobie jeszcze jedna zmienna gobalną powiedzmy xmlHttp1 i daj ją w każdej funkcji z końcówka 1 w nazwie.
Spróbuj w ten sposób bo coś mi sie zdaje, że poprostu zmienna xmlHttp się nadpisuje w trakcie wykonania.

Ten post edytował Suh 6.07.2009, 19:39:15

[slawek3422]

Super działa, dzięki Suh za naprowadzenie
kod skryptu, który mi zadziałał wygląda tak:

[HTML] pobierz, plaintext 
var xmlHttp;
 
function sprawdz(str)
{
 
xmlHttp=GetXmlHttpObject();
var url="1.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function sprawdz1(str)
{
 
xmlHttp1=GetXmlHttpObject();
var url="2.php";
url=url+"?haslo="+str;
url=url+"&sid="+Math.random();
alert(url);
xmlHttp1.onreadystatechange=stateChanged1;
xmlHttp1.open("GET",url,true);
xmlHttp1.send(null);
}
 
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("tresc").innerHTML=xmlHttp.responseText;
}
}
function stateChanged1()
{
if (xmlHttp1.readyState==4 || xmlHttp1.readyState=="complete")
{
document.getElementById("zawartosc").innerHTML=xmlHttp1.responseText;
}
}
 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
//Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
[HTML] pobierz, plaintext 

w jednej z funkcji zamieniłem xmlHttp na xmlHttp1 i ruszyło
Wielkie dzięki, pozdrawiam