[es] - Preuzimanje sadržaja iz PHP-a kroz Ajax

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..

+201 Profil

Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 10:52 - pre 159 meseci}

Pozdrav!
Imam skriptu koja vuče saržaj iz php-a kada god se nešto ukuca u formu za pretragu.
Evo skripte

Code (javascript):

function showResult(str)

{

if (str.length==0)

  { 

  document.getElementById("livesearch").innerHTML="";

  document.getElementById("livesearch").style.border="0px";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("livesearch").innerHTML=xmlhttp.responseText;

    document.getElementById("livesearch").style.border="1px solid #A5ACB2";

    }

  }

xmlhttp.open("GET","pretraga.php?q="+str,true);

xmlhttp.send();

}

"Problem" je što prilikom učitavanja nema nikakog "fancy" kružića koji naznačava korisniku da se rezultati učitavaju i d atreba da sačeka.
Da li neko može da mi pomogne oko ubacivanja tog "kružića" (znate onaj ajax loader kod fancybox-a).
Bio bih veoma zahvalan!

Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..

+201 Profil

Re: Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 11:07 - pre 159 meseci}

Rešeno!!!

Code (javascript):

function showResult(str)

{

if (str.length==0)

  { 

  document.getElementById("livesearch").innerHTML="";

  document.getElementById("livesearch").style.border="0px";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("livesearch").innerHTML=xmlhttp.responseText;

    document.getElementById("livesearch").style.border="1px solid #A5ACB2";

    }

 else {

   document.getElementById("livesearch").innerHTML = '<img src="loading.gif">';

 }

  }

xmlhttp.open("GET","pretraga.php?q="+str,true);

xmlhttp.send();

}

Dodato je
Code (javascript):
else {
document.getElementById("livesearch").innerHTML = '<img src="loading.gif">';
}

_{[Ovu poruku je menjao Milan Kragujevic dana 23.03.2011. u 18:36 GMT+1]}

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 11:26 - pre 159 meseci}

ne vidim da ti se ovaj drugi kod razlikuje od prvog...

ali kako se to obicno radi (i kako si verovatno i uradio, pisem zbog ostalih kojima ovo mozda zatreba) je da se pre slanja zahteva (pre xhr.send()) nekom elementu koji sadrzi loading animaciju i koji je inicijalno sakriven promeni stil tako da postane vidljiv (ovo moze da se odradi dodavanjem/sklanjanjem odredjene css klase, ili direktnim menjanjem .style.display propertija).
nakon zavrsenog upita (nije bitno da li je zavrsen uspesno ili je vracena greska i ne treba ovo raditi samo kad smo dobili potvrdan odgovor od servera jer to nije uvek slucaj) jednostavno treba vratiti izmene koje smo napravili pre pocetka slanja (dakle ili skloniti/vratiti klasu ili podesiti .style.display na 'none').

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 11:30 - pre 159 meseci}

Code:
else {
document.getElementById("livesearch").innerHTML = '<img src="loading.gif">';
}

^{Banned - Not available}

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 12:46 - pre 159 meseci}

aha, vidi stvarno.. promaklo mi :)

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..

+201 Profil

Re: Preuzimanje sadržaja iz PHP-a kroz Ajax - Potrebna pomoć

^{23.03.2011. u 17:28 - pre 159 meseci}

Malo je glup način kako to funkcioniše(meni), ali barem RADI!

Odgovor na temu