Forum PHP.pl > Pokaż "Ładuję", Gdy Dane Się Wczytują,

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Pokaż "Ładuję", Gdy Dane Się Wczytują,

Civil

9.08.2007, 20:08:15

Witam, mam kod

[HTML] pobierz, plaintext 
var XMLHttpRequestObject = false;var loadstatustext="<img src='ajaxtabs/loading.gif' /> Ładowanie danych..."if(window.XMLHttpRequest){  XMLHttpRequestObject = new XMLHttpRequest();		 XMLHttp.overrideMimeType('text/html; charset=ISO-8859-2');}else if(window.ActiveXObject){  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");}function przetwarzajDane(srcid, srcmail, srcnazwisko, dest){	  if(XMLHttpRequestObject){  		        var div = document.getElementById(dest);    var url = "order_status.php";    XMLHttpRequestObject.open("POST", url);    XMLHttpRequestObject.setRequestHeader(      'Content-Type', 'application/x-www-form-urlencoded; ISO-8859-2');    XMLHttpRequestObject.onreadystatechange = function()    {      if(XMLHttpRequestObject.readyState == 4 &&           XMLHttpRequestObject.status == 200){        var str = XMLHttpRequestObject.responseText;        div.innerHTML = str;      }    }    var idValue = document.getElementById(srcid).value;    var mailValue = document.getElementById(srcmail).value;    var nazwiskoValue = document.getElementById(srcnazwisko).value;	    XMLHttpRequestObject.send("id=" + idValue + "&mail=" + mailValue + "&nazwisko=" + nazwiskoValue);  }}
[HTML] pobierz, plaintext

I chciałbym, żeby w momencie jak się dane pobierają był komunikat zapisany w zmiennej: "var loadstatustext="<img src='ajaxtabs/loading.gif' /> Ładowanie danych...", w jaki sposób zrobić to w tym kodzie?Trochę sobie spróbowałem poradzić, czy takie coś będzie ok:

[HTML] pobierz, plaintext 
XMLHttpRequestObject.onreadystatechange = function()    {    			  if(XMLHttpRequestObject.readyState == 1 &&           XMLHttpRequestObject.status == 200){        var str = XMLHttpRequestObject.responseText;        div.innerHTML = loadstatustext;      }      else if(XMLHttpRequestObject.readyState == 4 &&           XMLHttpRequestObject.status == 200){        var str = XMLHttpRequestObject.responseText;        div.innerHTML = str;      }    }
[HTML] pobierz, plaintext

Ok, już sobie całkiem poradziłem:

[HTML] pobierz, plaintext 
function przetwarzajDane(srcid, srcmail, srcnazwisko, dest){	  if(XMLHttpRequestObject){  		        var div = document.getElementById(dest);    var url = "order_status.php";    XMLHttpRequestObject.open("POST", url);    XMLHttpRequestObject.setRequestHeader(      'Content-Type', 'application/x-www-form-urlencoded; ISO-8859-2');    XMLHttpRequestObject.onreadystatechange = function()    {    			  if(XMLHttpRequestObject.readyState == 1)		  {        div.innerHTML = loadstatustext;      }      else if(XMLHttpRequestObject.readyState == 4 &&           XMLHttpRequestObject.status == 200){        var str = XMLHttpRequestObject.responseText;        div.innerHTML = str;      }    }    var idValue = document.getElementById(srcid).value;    var mailValue = document.getElementById(srcmail).value;    var nazwiskoValue = document.getElementById(srcnazwisko).value;	    XMLHttpRequestObject.send("id=" + idValue + "&mail=" + mailValue + "&nazwisko=" + nazwiskoValue);  }}
[HTML] pobierz, plaintext

Hehe, nie ma to jak zadać pytanie na forum , popatrzeć kod ... i samemu rozwiązać ;-)

biopaliwo

9.08.2007, 21:22:46

Jedna uwaga: readyState == 1 oznacza, że wywołałeś metodę open, dopiero 3 jest równoznaczne z nawiązaniem połączenia
(a 2 oznacza rzeczywiste wysłanie żądania).
Innymi słowy - mógłbyś zawsze dawać info "Ładuję" bez sprawdzania statusu - na jedno by wyszło.
Jeśli to "Ładuję" ma odpowiadać prawdzie - to musisz sprawdzać wyższe wartości readystate
- ale nie wszystkie przeglądarki je implementują :-)

Civil

10.08.2007, 10:10:07

A dwójka jest obsługiwana przez IE i FIREFOXA?

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.