Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przekazanie parametrów do zapytania
Forum PHP.pl > Forum > PHP
beel
9.06.2011, 22:40:09
Mam stronkę na której są w tabeli wyświetlane dane z bazy psql i wszystko jest ok.
Teraz jednak chciałbym aby do dwóch pól można było wpisać datę OD i DO, a dalej użyć tych dat w zapytaniu SQL, czyli zmodyfikować wynik zapytania o te daty. Dalej klikamy WYKONAJ... Myślałem o JavaScript, ale onclick() dla buttona nie daje chyba takiej możliwości..
Jak to najlepiej rozwiązać?
DiH
10.06.2011, 00:16:19
JavaScript to jedno, ale PHP to drugie. Onclick wywołuje jakąś akcję - JavaScript, PHP natomiast wykonuje zapytanie do bazy. Żeby osiągnąć to, o czym myślisz stwórz sobie np. jakiś oddzielny plik, który będziesz miał zapytanie aktualizujące datę. Po kliknięciu na przycisk przejdziesz do strony, która wykona to zapytanie. Możesz tu użyć header("Location: <tu adres/plik>"); aby powrócić do poprzedniej strony.

Aby nie przechodzić do nowej strony po kliknięciu buttona masz do dyspozycji kilka opcji. Dwie z nich to albo prosty ajax (pogooglaj jquery ajax), albo umieścić na stronie iframe, który będzie to wykonywał. W przypadku ajaxu, masz możliwość zmiany zawartości strony zależnie od tego, co zwróciło zapytanie.

Mam nadzieję, że datę w bazie trzymasz w odpowiednim typie pola, choćby i DATE. Jeżeli będziesz chciał, aby przy każdej wykonanej akcji (kliknięcie twojego buttona) aktualizowana została data i/lub czas, to możesz użyć sqlowej funckji NOW()
$sql = "UPDATE tabela SET pole=NOW()".

Jeżeli nie ma to być automatyczna zmiana, to po prostu robisz update daty zmieniając NOW() z powyższego zapytania na '" .date("Y-m-d"). ". Jest jeszcze możliwość użycia TIMESTAMP, ale o tym doedukuje Cię już manual.
beel
10.06.2011, 11:14:12
Chcę wykorzystać na razie na banalnym przykładzie (podmiana treści diva) technologię AJAX.

Mam trzy pliki:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. </head>
  6. <body>
  7.    <div id="pojemnik">
  8.   <ol id="menu">
  9.     <li><a href="#" 
  10.   onclick="wymienTresc('fragment-abba.html', 'content');">
  11.     ABBA: Super Trouper
  12. </a></li>
  13.     <li><a href="#" 
  14.   onclick="wymienTresc('fragment-bob_dylan.html', 'content');">
  15.     Bob Dylan: Basement Tapes
  16. </a></li>    
  17.  
  18.   </ol>
  19.   <div id="content"></div>
  20. </div>
  21.  
  22. <script type="text/javascript">
  23. var r;
  24. var e;
  25.  
  26. function odbierzDane()
  27. {
  28.   if (r.readyState == 4) {
  29.     if (r.status == 200 || r.status == 304) {
  30.       e.innerHTML = r.responseText;            
  31.     }
  32.   }
  33. }
  34.  
  35. function wymienTresc(adresurl, htmlid)
  36. {
  37.   if (r = getXMLHttpRequest()) {
  38.     e = document.getElementById(htmlid);
  39.     r.open('GET', adresurl);
  40.     r.onreadystatechange = odbierzDane;
  41.     r.send(null);    
  42.   }
  43. }
  44. </script>
  45. </body>
  46. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <h1>Bob Dylan</h1>
  2. <h2>Basement Tapes</h2>
  3. <h2>1975</h2>
  4. <table>
  5.   <tr>
  6.     <th>lp.</th>
  7.     <th>title</th>
  8.     <th>czas</th>
  9.   </tr>
  10.  
  11.   <tr>
  12.     <td>1.</td>
  13.     <td>Odds and Ends</td>
  14.     <td>1:46</td>
  15.   </tr>
  16.  
  17.   <tr>
  18.     <td>2.</td>
  19.     <td>Orange Juice Blues (Blues for Breakfast)</td>
  20.     <td>3:37</td>
  21.   </tr>
  22.   ...
  23. </table>  
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <h1>Bob Dylan</h1>
  2. <h2>Basement Tapes2222</h2>
  3. <h2>19752222</h2>
  4. <table>
  5.   <tr>
  6.     <th>lp.</th>
  7.     <th>title</th>
  8.     <th>czas</th>
  9.   </tr>
  10.  
  11.   <tr>
  12.     <td>1.</td>
  13.     <td>Odds and Ends</td>
  14.     <td>1:46</td>
  15.   </tr>
  16.  
  17.   <tr>
  18.     <td>2.</td>
  19.     <td>Orange Juice Blues (Blues for Breakfast)</td>
  20.     <td>3:37</td>
  21.   </tr>
  22.   ...
  23. </table>  
[HTML] pobierz, plaintext


I jeśli na stronie głównej index.html kliknę w link nic się nie dzieje, w powinna się zmieniać wartość diva.
PS. Dwa pozostałe pliki nazywają się tak jak wskazuje na nie URL.
thek
10.06.2011, 14:20:20
Pytam teraz poważnie... Jaki sens ma podzielenie tego co robi AJAX na dwie funkcje? W ten sposób tylko sobie kłopoty gotujesz bo sie możesz pogubić z zasięgiem zmiennych. W tej chwili zmienne r i e są nagle z powietrza nie wiadomo czym. Weź zacznij używać jakiegoś debuggera JavaScript i zobacz czym pluje Ci konsola błedów.
beel
10.06.2011, 14:23:00
Może źle wyjaśniłem, ale chodziło mi o coś takiego: http://gajdaw.pl/ajax/ajax-php-wymiana-fragmentu-strony/
tehaha
10.06.2011, 14:28:59
tylko po co bawić się ajaxem, skoro w jQuery to jest 5 linijek kodu http://api.jquery.com/jQuery.ajax/

przykład z tej strony:
[JAVASCRIPT] pobierz, plaintext 
  1. $.ajax({
  2.    type: "POST",
  3.    url: "some.php",
  4.    data: "name=John&location=Boston",
  5.    success: function(html){
  6.      $("#results").append(html);
  7.    }
  8.  });
[JAVASCRIPT] pobierz, plaintext


przekazujesz parametry do skryptu metodą POST i w najprostszym przypadku zwracasz skryptem php całą nową listę html do podmiany w divie, lub możesz zwrócić dane w formacie json i wygenerować nową listę
thek
10.06.2011, 14:53:35
W sumie można jeszcze szybciej... load() wink.gif
Ten artykuł chyba wyjaśnia wszystko łopatologicznie aż do bólu... http://net.tutsplus.com/tutorials/javascri...ls-with-jquery/
beel
10.06.2011, 16:39:41
Cytat(tehaha @ 10.06.2011, 15:28:59 ) *
tylko po co bawić się ajaxem, skoro w jQuery to jest 5 linijek kodu http://api.jquery.com/jQuery.ajax/

przykład z tej strony:
[JAVASCRIPT] pobierz, plaintext 
  1. $.ajax({
  2.    type: "POST",
  3.    url: "some.php",
  4.    data: "name=John&location=Boston",
  5.    success: function(html){
  6.      $("#results").append(html);
  7.    }
  8.  });
[JAVASCRIPT] pobierz, plaintext


przekazujesz parametry do skryptu metodą POST i w najprostszym przypadku zwracasz skryptem php całą nową listę html do podmiany w divie, lub możesz zwrócić dane w formacie json i wygenerować nową listę

A ten przykładowy kod, który podałeś umieszczam w HTML'u czy PHP?
tehaha
10.06.2011, 17:00:52
do dokumentu html załączasz plik z biblioteką jQuery a w html dajesz coś takiego:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(document).ready(function()
  3. {
  4. 	$.ajax({
  5. 	   type: "POST",
  6. 	   url: "some.php",
  7. 	   data: "name=John&location=Boston",
  8. 	   success: function(html){
  9. 	     $("#results").append(html);
  10. 	   }
  11. 	 });	
  12. });
  13. </script>
[HTML] pobierz, plaintext


lub prościej z użyciem load() jak wspomniał @thek, oczywiście to jest nie działający przykład i musisz go dostosować do swoich potrzeb
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.