Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] jquery pobieranie danych z pliku
tenloginjestzaje...
post
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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

Witam męczę się od dłuższego czasu z auto uzupełnieniem pola szukaj. Wszystko działa ok jeżeli podpowiedzi znajdują się w tym samym pliku co kod, jeśli zastosuje ścieżkę do pliku to po wpisaniu dowolnego znaku w input szukaj wyświetla wszystkie podpowiedzi.


plik z podpowiedziami:
[PHP] pobierz, plaintext 
  1. $conn = new mysqli($servername, $username, $password, $dbname);
  2. if ($conn->connect_error) {
  3. die("Connection failed: " . $conn->connect_error);}
  4. mysqli_set_charset($conn,"utf8");
  5. ?>
  6. <ul id="country-list">
  7. <?php 
  8. $sql = "SELECT DISTINCT `tag` FROM `rewievs` WHERE `ver` = '1' AND `tag` != '' ORDER BY `id` DESC LIMIT 100";
  9. $result = $conn->query($sql);
  10. while($row = $result->fetch_assoc()){
  11. ?>
  12. <li onClick="selectCountry('<?php echo $row['tag']; ?>');"><?php echo $row['tag']; ?></li>
  13. <?php } ?>
  14. </ul>
[PHP] pobierz, plaintext



plik index
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <TITLE>jQuery AJAX Autocomplete - Country Example</TITLE>
  4. <head>
  5. <style>
  6. body{width:610px;}
  7. .frmSearch {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding:40px;border-radius:4px;}
  8. #country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:190px;position: absolute;}
  9. #country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
  10. #country-list li:hover{background:#ece3d2;cursor: pointer;}
  11. #search-box{padding: 10px;border: #a8d4b1 1px solid;border-radius:4px;}
  12. </style>
  13. <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
  14. <script>
  15. $(document).ready(function(){
  16. 	$("#search-box").keyup(function(){
  17. 		$.ajax({
  18. 		type: "POST",
  19. 		url: "readCountry.php",
  20. 		data:'keyword='+$(this).val(),
  21. 		beforeSend: function(){
  22. 			$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
  23. 		},
  24. 		success: function(data){
  25. 			$("#suggesstion-box").show();
  26. 			$("#suggesstion-box").html(data);
  27. 			$("#search-box").css("background","#FFF");
  28. 		}
  29. 		});
  30. 	});
  31. });
  32.  
  33. function selectCountry(val) {
  34. $("#search-box").val(val);
  35. $("#suggesstion-box").hide();
  36. }
  37. </script>
  38. </head>
  39. <body>
  40. <div class="frmSearch">
  41. <input type="text" id="search-box" placeholder="Country Name" />
  42. <div id="suggesstion-box"></div>
  43. </div>
  44. </body>
  45. </html>
[PHP] pobierz, plaintext


Stosowałem różne rozwiązania, w tym z oficjalnej strony jquery i zawsze jest to samo..

DEMO http://phppot.com/demo/jquery-ajax-autocom...ountry-example/
działa prawidłowo, nie mogę sprawdzić zawartości pliku z podpowiedziami: readCountry.php, a u mnie można. Może to jest przyczyną?

Ten post edytował tenloginjestzajety 12.07.2017, 22:10:38
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
tenloginjestzaje...
post
Post #2





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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

Problem polega na tym, że pokazuje wszystkie podpowiedzi, które są w pliku: readCountry.php, a nie stosownie do wpisanych znaków w polu szukaj. Tego problemu nie ma jeżeli podpowiedzi są w zmiennej w tym samy pliku co skrypt:

[PHP] pobierz, plaintext 
  1. <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
  2. <script>
  3. $(document).ready(function(){
  4. 	$("#search-box").keyup(function(){
  5. 		$.ajax({
  6. 		type: "POST",
  7. 		url: "readCountry.php",
  8. 		data:$(this).val(),
  9. 		beforeSend: function(){
  10. 			$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
  11. 		},
  12. 		success: function(data){
  13. 			$("#suggesstion-box").show();
  14. 			$("#suggesstion-box").html(data);
  15. 			$("#search-box").css("background","#FFF");
  16. 		}
  17. 		});
  18. 	});
  19. });
  20.  
  21. function selectCountry(val) {
  22. $("#search-box").val(val);
  23. $("#suggesstion-box").hide();
  24. }
  25. </script>
  26. <div class="frmSearch">
  27. <input type="text" id="search-box" placeholder="Country Name" />
  28. <div id="suggesstion-box"></div>
  29. </div>
[PHP] pobierz, plaintext



Podobnie jest w tym kodzie:
https://jqueryui.com/autocomplete/ jak zastosuje pobieranie podpowiedzi z pliku to wyświetla wszystkie, a jak podpowiedzi są w zmiennej to jest ok. Nie mogę znaleźć przyczyny, męczę się już kolejny dzień(IMG:style_emoticons/default/smile.gif)

PS. w skrypcie pokazanym na stronie też są podpowiedzi w pliku i działa na blogu prawidłowo..
http://phppot.com/demo/jquery-ajax-autocom...ountry-example/

Ten post edytował tenloginjestzajety 13.07.2017, 16:18:40
Go to the top of the page
+Quote Post

Posty w temacie
- tenloginjestzajety   [JavaScript] jquery pobieranie danych z pliku   12.07.2017, 21:53:54
- - viking   Nie widzę żebyś gdziekolwiek w kodzie wykorzystywa...   13.07.2017, 06:18:56
- - tenloginjestzajety   Problem polega na tym, że pokazuje wszystkie podpo...   13.07.2017, 16:17:11
- - viking   Nie masz nigdzie w zapytaniu warunku który by uwzg...   13.07.2017, 16:26:35
- - tenloginjestzajety   użyłem kodu z tego bloga, a tam nic więcej nie ma ...   13.07.2017, 16:30:57
- - nospor   Cytatużyłem kodu z tego bloga, a tam nic więcej ni...   13.07.2017, 16:40:38

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 18:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn