Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] aktualizacja zawartosci DIVa po kazdym obrocie petli
Forum PHP.pl > Forum > Przedszkole
wiewiorek
W obecnej chwili po uruchomieniu skryptu wynik w postaci wyświetlonych liczb od 0 do 99 w DIVie o id=ajax wyświetla się po kilku sekundach, a chciałbym żeby każda kolejna liczba wyświetlała się po każdym obrocie pętli - dynamicznie - co robię nie tak:
  1. <script type="text/javascript">
  2. $(document).ready(function()
  3. {
  4.  
  5. $.ajax({
  6. url: 'skrypt.php',
  7. success: function(data) {
  8. $("#ajax").html(data);
  9. }
  10. });
  11. return false;
  12.  
  13. });
  14. </script>
  15.  
  16. <div id="ajax"></div>


plik skrypt.php:
  1. $data = null;
  2. for($i=0; $i<200; $i++)
  3. {
  4. $data .= $i."<br/>";
  5. echo $data;
  6. }
#luq
O ja, w ogóle nie łapiesz jak to wszystko działa.

PHP jako język server-site wygeneruje Ci całość i to zwróci. Ajax`em wyślesz zapytanie, PHP wygeneruje Ci to (dokładnie tak samo jakbyś wpisał w adresie przeglądarki skrypt.php) pobierzesz to i wyświetlisz.

Jeśli chcesz zrobić odliczanie to zapoznaj się z setInterval.
wiewiorek
Już wcześniej próbowałemz setInterval, ale skutek był ten sam:
  1. setInterval(function()
  2. {
  3. $('#ajax').load('skrypt.php');
  4. }, 1000);
Ulysess
musisz to zrobić w JS tzn żeby wartości z AJAXa wyświetlal w określonym odstępie czasowym , nie znam sie na JS ale setTimeout sluzy chyba do tego
#luq
Ale co Ty z tym ajax`em?

Tak w sumie powinno działać:
Kod
function foo(){
  var i = 0;

  var interval = setInterval(function(){
      $('#ajax').text( ++i );
      if( i >= 99 ){
          clearInterval( interval );
      }
  }, 1000);
}
nowofresh
Po co się daje dość często $i++ ?
XvAK
$i++ zwiększa $i o 1
wiewiorek
luq, ale to co przedstawiłeś to jedno a wywołanie skryptu php to co innego - w ogóle dziwnie są wyświetlane wartości:
0
0
1
0
1
2
0
1
2
3
.........

czyli można zauważyć regułę:
0
--
0
1
--
0
1
2
--
0
1
2
3
--
.......
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.