Forum PHP.pl > [JavaScript] jquery pobieranie danych z pliku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] jquery pobieranie danych z pliku

tenloginjestzajety

12.07.2017, 21:53:54

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 
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);}
mysqli_set_charset($conn,"utf8");
?>
<ul id="country-list">
<?php 
$sql = "SELECT DISTINCT `tag` FROM `rewievs` WHERE `ver` = '1' AND `tag` != '' ORDER BY `id` DESC LIMIT 100";
$result = $conn->query($sql);
while($row = $result->fetch_assoc()){
?>
<li onClick="selectCountry('<?php echo $row['tag']; ?>');"><?php echo $row['tag']; ?></li>
<?php } ?>
</ul>
[PHP] pobierz, plaintext

plik index

[PHP] pobierz, plaintext 
<html>
<head>
<TITLE>jQuery AJAX Autocomplete - Country Example</TITLE>
<head>
<style>
body{width:610px;}
.frmSearch {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding:40px;border-radius:4px;}
#country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:190px;position: absolute;}
#country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#ece3d2;cursor: pointer;}
#search-box{padding: 10px;border: #a8d4b1 1px solid;border-radius:4px;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$("#search-box").keyup(function(){
		$.ajax({
		type: "POST",
		url: "readCountry.php",
		data:'keyword='+$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
</head>
<body>
<div class="frmSearch">
<input type="text" id="search-box" placeholder="Country Name" />
<div id="suggesstion-box"></div>
</div>
</body>
</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ą?

viking

13.07.2017, 06:18:56

Nie widzę żebyś gdziekolwiek w kodzie wykorzystywał keyword z JS. Chyba że chodzi o to, że PHP nawet nie parsuje pliku readCountry.php

tenloginjestzajety

13.07.2017, 16:17:11

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 
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$("#search-box").keyup(function(){
		$.ajax({
		type: "POST",
		url: "readCountry.php",
		data:$(this).val(),
		beforeSend: function(){
			$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
		},
		success: function(data){
			$("#suggesstion-box").show();
			$("#suggesstion-box").html(data);
			$("#search-box").css("background","#FFF");
		}
		});
	});
});
 
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
<div class="frmSearch">
<input type="text" id="search-box" placeholder="Country Name" />
<div id="suggesstion-box"></div>
</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ń

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/

viking

13.07.2017, 16:26:35

Nie masz nigdzie w zapytaniu warunku który by uwzględnił poszukiwane słowo więc dlaczego miało by być inaczej?

tenloginjestzajety

13.07.2017, 16:30:57

użyłem kodu z tego bloga, a tam nic więcej nie ma i działa wszystko prawidłowo. Nie wiem jak zrobić taki warunek.

http://phppot.com/jquery/jquery-ajax-autoc...ountry-example/

nospor

13.07.2017, 16:40:38

Cytat

użyłem kodu z tego bloga, a tam nic więcej nie ma i działa wszystko prawidłowo.

Tja... nic nie ma.... oczywiscie... to tez, pewnie nic? :
$query ="SELECT * FROM country WHERE country_name like '" . $_POST["keyword"] . "%' ORDER BY country_name LIMIT 0,6";

Jak wol koles ogranicza wyniki do tego co wpisales w polu. Ty zas w swoim kodzie pobierasz wszystko z bazy i udajesz... mimo, ze ci viking ciagle na to zwraca uwage

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.