Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript][AJAX] Wyświetlanie rekordów z bazy mysql.
Forum PHP.pl > Forum > Przedszkole
miras
30.06.2012, 14:54:09
Witam, mam następujący problem a mianowicie mam sobie pewną tabelę w bazie danych w niej trzymam dane np. samochod, kolor, numery i problem polega na tym, że ja muszę wyświetlać te dane z bazy 'dynamicznie' tzn, że podczas zalogowania sesji użytkownika jak ktoś doda jakiś rekord do bazy to on ma mi się automatycznie bez odświeżania strony wyświetlić, coś jak wyświetlanie danych na stronie głównej: i jeżeli ktoś doda jakiś nowy rekord to na głównej automatycznie bez odświeżania strony się on pojawi, poproszę o jakieś wskazówki, bo nie znam ajaxa na tyle, żeby napisać coś takiego, kompletnie nie wiem jak się za to zabrać.

Dzięki z góry!
csharp
30.06.2012, 17:43:41
krok po kroku...

http://woork.blogspot.com/2007/10/insert-r...using-ajax.html
miras
1.07.2012, 12:10:08
nie chodziło mi o takie dodawanie rekordów do bazy, tylko o wyświetlanie tych rekordów dynamicznie na głównej, żeby po każdym dodaniu rekordu na głównej stronie ten rekord się wyświetlił bez przeładowywania strony..
Niktoś
1.07.2012, 12:46:33
Zobacz tutaj:
http://www.w3schools.com/php/php_ajax_database.asp
miras
1.07.2012, 13:44:02
Już bliżej, ale nadal nie rozumiecie, o co mi chodzi, a mi chodzi o to, że mam sobie takie wyświetlanie danych z bazy:

http://aron.zxy.me/kosz/test/getuser.php

tu jest kod: 
[PHP] pobierz, plaintext 
  1.  
  2. <?php
  3.  
  4. include("config.php");
  5.  
  6. $wynik = mysql_query("SELECT * FROM uzytkownicy")
  7. or die('Błąd zapytania');
  8.  
  9. if(mysql_num_rows($wynik) > 0) {
  10.  
  11.  
  12.  
  13. echo "<table border='1'>
  14. <tr>
  15. <th>login</th>
  16. <th>haslo</th>
  17. <th>mail</th>
  18. <th>imie</th>
  19. <th>nazwisko</th>
  20. </tr>";
  21.  
  22. while($row = mysql_fetch_assoc($wynik)) 
  23.   {
  24.   echo "<tr>";
  25.   echo "<td>" . $row['login'] . "</td>";
  26.   echo "<td>" . $row['haslo'] . "</td>";
  27.   echo "<td>" . $row['mail'] . "</td>";
  28.   echo "<td>" . $row['imie'] . "</td>";
  29.   echo "<td>" . $row['nazwisko'] . "</td>";
  30.   echo "</tr>";
  31.   }
  32. echo "</table>";
  33. }
  34. ?>
[PHP] pobierz, plaintext


a ja potrzebuję zrobić coś dokładnie takiego samego, tylko, że jeżeli np. dodam jakiś nowy rekord do bazy to on automatycznie się wyświetli('doda do tej tabelki') bez przeładowywania strony, rozumiecie ?

mam coś takiego:


plik wybor.js

[XML] pobierz, plaintext 
  1. var xmlhttp;
  2.  
  3. function showPart(str)
  4. {
  5. xmlhttp=GetXmlHttpObject();
  6. var url="getuser.php";
  7. url=url+"?part="+str;
  8. url=url+"&sid="+Math.random();
  9. xmlhttp.onreadystatechange=stateChanged;
  10. xmlhttp.open("GET",url,true);
  11. xmlhttp.send(null);
  12. }
  13.  
  14. function stateChanged()
  15. {
  16. if (xmlhttp.readyState==4)
  17. {
  18. document.getElementById("informacja").innerHTML=xmlhttp.responseText;
  19. }
  20. }
  21.  
  22. function GetXmlHttpObject()
  23. {
  24. if (window.XMLHttpRequest)
  25.  {
  26.  return new XMLHttpRequest();
  27.  }
  28. return null;
  29. }
[XML] pobierz, plaintext


plik index.php 

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  <script type="text/javascript" src="wybor.js"></script>
  4. </head>
  5. <body>
  6.  
  7. <form>
  8. <strong>Wybierz część</strong>
  9. <select name="rekord" onchange="showPart(this.value)">
  10.  <option value="1">Lusterko</option>
  11.  <option value="2">Opony letnie</option>
  12.  <option value="3">Katalizator</option>
  13. </select>
  14. </form>
  15. <br />
  16. <div id="informacja">Opis wybranej części:</div>
  17.  
  18. </body>
  19. </html>
[HTML] pobierz, plaintext


i plik getuser.php

[PHP] pobierz, plaintext 
  1.  
  2.  
  3.  
  4.  
  5. <?php
  6.  
  7. include("config.php");
  8.  
  9. $wynik = mysql_query("SELECT * FROM uzytkownicy")
  10. or die('Błąd zapytania');
  11.  
  12. if(mysql_num_rows($wynik) > 0) {
  13.  
  14.  
  15.  
  16. echo "<table border='1'>
  17. <tr>
  18. <th>login</th>
  19. <th>haslo</th>
  20. <th>mail</th>
  21. <th>imie</th>
  22. <th>nazwisko</th>
  23. </tr>";
  24.  
  25. while($row = mysql_fetch_assoc($wynik)) 
  26.   {
  27.   echo "<tr>";
  28.   echo "<td>" . $row['login'] . "</td>";
  29.   echo "<td>" . $row['haslo'] . "</td>";
  30.   echo "<td>" . $row['mail'] . "</td>";
  31.   echo "<td>" . $row['imie'] . "</td>";
  32.   echo "<td>" . $row['nazwisko'] . "</td>";
  33.   echo "</tr>";
  34.   }
  35. echo "</table>";
  36. }
  37. ?>
[PHP] pobierz, plaintext



i jest prawie ok, z tym, że nowo dodany rekord się nie pokaże sam automatycznie tylko dopiero wtedy jak zmienię którąś opcję select.. może ktoś by to umiał przerobic?
Korab
1.07.2012, 14:47:57
Tu wchodzi do gry funkcja setInterval().
miras
1.07.2012, 14:51:32
niestety niewiele mi to mówi, z tego, co szukałem - też nic sensownego nie znalazłem, wiem, że jest to 'błaganie o gotowca', ale jakbyś mógł mi to zastosować w powyższym kodzie to byłbym niezmiernie wdzięczny..
Korab
1.07.2012, 15:13:43
Druga strona w Google:
http://javascript.about.com/od/reference/g/ssetinterval.htm
Oto co tam znalazłem (po małej przeróbce):

[JAVASCRIPT] pobierz, plaintext 
  1. var coo = document.getElementsByName("rekord");
  2. var co = co[0];
  3. intervalID = window.setInterval(showPart(co.value), 500);
[JAVASCRIPT] pobierz, plaintext


To wsadź sobie w HEAD.
miras
1.07.2012, 15:31:23
Wrzuciłem jak mówiłeś w head plik index.php wygląda tak:

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  
  4. <script type="text/javascript">
  5. var coo = document.getElementsByName("rekord");
  6. var co = co[0];
  7. intervalID = window.setInterval(showPart(co.value), 5);
  8. </script>
  9.  <script type="text/javascript" src="wybor.js"></script>
  10.  
  11.  
  12.  
  13. </head>
  14. <body>
  15.  
  16. <form>
  17. <strong>Wybierz część</strong>
  18. <select name="rekord" onchange="showPart(this.value)">
  19.  <option value="1">Lusterko</option>
  20.  <option value="2">Opony letnie</option>
  21.  <option value="3">Katalizator</option>
  22. </select>
  23. </form>
  24. <br />
  25. <div id="informacja">Opis wybranej części:</div>
  26.  
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


ale zamierzonego efektu nie osiągnąłem..
Korab
1.07.2012, 15:38:24
Kolejność wykonywania skryptów ma znaczenie. Zamień je miejscami.
miras
1.07.2012, 15:41:54
Teraz mam tak i nadal brak efektu...

[HTML] pobierz, plaintext 
  1.  <head>
  2.  <script type="text/javascript" src="wybor.js"></script>
  3. <script type="text/javascript">
  4. var coo = document.getElementsByName("rekord");
  5. var co = co[0];
  6. intervalID = window.setInterval(showPart(co.value), 500);
  7. </script>
  8. </head>
[HTML] pobierz, plaintext
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.