Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX][PHP]Dynamiczne pobranie danych
miati
post 9.07.2014, 14:11:02
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2014

Ostrzeżenie: (0%)
-----


Witam serdecznie.
Od rana siedzę nad skryptem ajaxa, który pobierał by z pomocą php dane z bazy mysql, a następnie zapisał je do zmiennej w js. Ajax oczywiście po to, żeby nie było konieczności przeładowywania strony.
Nie chcę żadnej akcji typu: jeśli będą nowe dane lub co x sekund. Po prostu uruchomienie funkcji - pobranie danych i przypisanie do zmiennej. Właściwie ma to być tylko jedna pobrana rzecz i jedna zmienna.

Byłbym wdzięczny także za jakieś naprowadzenie.
Pozdrawiam. smile.gif
Go to the top of the page
+Quote Post
Turson
post 9.07.2014, 14:15:04
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Naprowadzenie - http://api.jquery.com/jquery.ajax/
Go to the top of the page
+Quote Post
miati
post 10.07.2014, 19:48:59
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2014

Ostrzeżenie: (0%)
-----


Na pewno przestudiuję i zobaczę co uda się wymyślić. Dzięki za link smile.gif

Znalazłem coś takiego:

  1. <html>
  2. <head>
  3. <script>
  4. function showUser(str) {
  5. if (str=="") {
  6. document.getElementById("txtHint").innerHTML="";
  7. return;
  8. }
  9. if (window.XMLHttpRequest) {
  10. // code for IE7+, Firefox, Chrome, Opera, Safari
  11. xmlhttp=new XMLHttpRequest();
  12. } else { // code for IE6, IE5
  13. xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  14. }
  15. xmlhttp.onreadystatechange=function() {
  16. if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  17. document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  18. }
  19. }
  20. xmlhttp.open("GET","getuser.php?q="+str,true);
  21. xmlhttp.send();
  22. }
  23. </script>
  24. </head>
  25. <body>
  26.  
  27. <form>
  28. <select name="users" onchange="showUser(this.value)">
  29. <option value="">Select a person:</option>
  30. <option value="1">Peter Griffin</option>
  31. <option value="2">Lois Griffin</option>
  32. <option value="3">Joseph Swanson</option>
  33. <option value="4">Glenn Quagmire</option>
  34. </select>
  35. </form>
  36. <br>
  37. <div id="txtHint"><b>Person info will be listed here.</b></div>
  38.  
  39. </body>
  40. </html>


  1. <?php
  2. $q = intval($_GET['q']);
  3.  
  4. $con = mysqli_connect('localhost','peter','abc123','my_db');
  5. if (!$con) {
  6. die('Could not connect: ' . mysqli_error($con));
  7. }
  8.  
  9. mysqli_select_db($con,"ajax_demo");
  10. $sql="SELECT * FROM user WHERE id = '".$q."'";
  11. $result = mysqli_query($con,$sql);
  12.  
  13. echo "<table border='1'>
  14. <tr>
  15. <th>Firstname</th>
  16. <th>Lastname</th>
  17. <th>Age</th>
  18. <th>Hometown</th>
  19. <th>Job</th>
  20. </tr>";
  21.  
  22. while($row = mysqli_fetch_array($result)) {
  23. echo "<tr>";
  24. echo "<td>" . $row['FirstName'] . "</td>";
  25. echo "<td>" . $row['LastName'] . "</td>";
  26. echo "<td>" . $row['Age'] . "</td>";
  27. echo "<td>" . $row['Hometown'] . "</td>";
  28. echo "<td>" . $row['Job'] . "</td>";
  29. echo "</tr>";
  30. }
  31. echo "</table>";
  32.  
  33. mysqli_close($con);
  34. ?>


Źródło : http://www.w3schools.com/php/php_ajax_database.asp

Jeśli okej, to jak zmienić, żeby wyniki z pliku php były przypisane do zmiennych w js?

@Turson
Bardzo dziękuję za link. Po sprawdzeniu zawartości i poczytaniu tego i owego, wszystko zaczęło działać wink.gif

Gdyby mod mógł oszczędzić temat do jutra, bo chciałbym zamieścić jeszcze kod. Może potomnym się przyda wink.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.04.2024 - 14:55