Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [MySQL][PHP]Autocomplete problem
Forum PHP.pl > Forum > Przedszkole
krzesik
Witam mam zaimplementowaną funkcję autocomplete, ale niestety nie chce mi funkcjonować w połączeniu z bazą Mysql, proszę o pomoc w rozwiązaniu problemu

kod html
  1. <meta charset="utf-8">
  2. <link rel="stylesheet" href="css/jquery-ui.css">
  3. <script src="js/jquery-1.10.2.js"></script>
  4. <script src="js/jquery-ui.js"></script>
  5.  
  6. <script type="text/javascript">
  7. $(function() {
  8. $( "#imie_nazwisko1" ).autocomplete(
  9. {
  10. source: "dane.php",
  11. minLength: 2
  12. });
  13. });
  14.  
  15. </head>
  16.  
  17. <div class="ui-widget">
  18. <label for="imie_nazwisko1">Imię i Nazwisko: </label>
  19. <input id="imie_nazwisko1" name="imie_nazwisko">
  20. </div>
  21. </body>
  22. </html>


plik dane.php
  1. <?php
  2. include 'konfiguracja.php';
  3. $q = strtolower($_GET["q"]);
  4. if(!$q) return;
  5. $query3 = "SELECT DISTINCT imie_nazwisko FROM tebela where imie_nazwisko like '%$q%'";
  6. mysql_query('SET CHARSET utf8');
  7. $result3 = mysql_query($query3);
  8. while($row=mysql_fetch_array($result3))
  9. {
  10. $dane = $row['imie_nazwisko'];
  11. echo "$dane\n";
  12. }
  13. ?>


jeśli użyję oryginalnego kodu bez połączenia z bazą danych to działa dobrze:
  1. ......
  2. <script type="text/javascript">
  3. $(function() {
  4. $( "#imie_nazwisko1" ).autocomplete(
  5. {
  6. source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ],
  7. minLength: 1
  8. });
  9. });
  10. .....
  11. </script>
  12.  

Tuminure
Źródło z którego pobiera autocomplete, powinno zwracać dane w jsonie.

http://jqueryui.com/autocomplete/#remote
Cytat
The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option.


To, co zwraca dany url możesz sprawdzić np. w dev toolsach w Chrome (F12) w zakładce Network > Response i Network > Preview.
http://i.imgur.com/s7AtkPZ.png
krzesik
kurczę coś mi nie idzie z tym wyszukiwaniem, poże jeszcze jakieś pomysły?
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.