Forum PHP.pl > [PHP][JS]Wyszukiwarka na stronę

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JS]Wyszukiwarka na stronę - Jak zrobić?

xSebaPL

22.01.2016, 06:44:38

Witam, chciałbym się zapytać jak zrobić wyszukiwarkę na stronę. Chodzi o to że wpisuję kolejne literki w wyszukiwarkę, a ona po prostu segreguje dane wychodzące z mysql. No i właśnie tego nie potrafię zrobić

W tej chwili mam zrobione tylko wyszukiwarkę(że pobiera frazy) no i jeszcze wyświetlanie danych z mysql.

A więc tak wygląda wyszukiwarka:

[HTML] pobierz, plaintext 
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script></head>
Wyszukaj:<br>
<input id="wyszukiwanaFraza" type="text" value="">
<div id="test"></div>
 
<script>
$("#wyszukiwanaFraza").keypress(function() {
	var data = document.getElementById('wyszukiwanaFraza').value;
	$("#test").text(data);
});
</script>
[HTML] pobierz, plaintext

a to jest wyjście z mysql i wyświetlenie danych:

[PHP] pobierz, plaintext 
<?
include("config.php");
db_connect();
$movies = mysql_query("SELECT * FROM movies ORDER BY id");
while($option = mysql_fetch_assoc($movies)) {
echo '<a href="../movies.php?v='.$option['ID'].'"><img id="titlesMain" src="../titlepages/'.$option['ID'].'.jpg" /></a>';
}
db_close()
?>
[PHP] pobierz, plaintext

No i teraz właśnie chcę żeby dane wychodzące z mysql się segregowały, wiem że to if'em trzeba zrobić ale jaki ma być ten warunek. Mam nadzieje że wiecie o co mi chodzi

Czy ktoś może mi wskazać jak to zrobić?
Pls Ja być w potrzebie

freemp3

22.01.2016, 08:01:49

Tu znajdziesz odpowiedzi na wszystkie swoje pytania, albo przynajmniej na większość

https://jqueryui.com/autocomplete

xSebaPL

23.01.2016, 01:17:27

Okey, spróbowałem to zrobić tak:
searchOptions.php:

[HTML] pobierz, plaintext 
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script></head>
Wyszukaj:<br>
<input id="wyszukiwanaFraza" type="text" value="">
<div id="test"></div>
 
<script>
var moviesList= new Array();
$("#wyszukiwanaFraza").autocomplete({
	$.ajax({
		type: 'POST',
		url: "/mainpage.php",
		data: moviesList,
		contentType: "application/json; charset=utf-8",
		dataType: "json",
		success: function(result) {
		}
	});
	source: moviesList,
	change: function( event, ui ) {
	$("#test").text(ui.data.value);
	}
});
 
</script>
[HTML] pobierz, plaintext

no i mainpage.php:

[PHP] pobierz, plaintext 
<?
include("config.php");
db_connect();
$movies = mysql_query("SELECT * FROM movies ORDER BY id");
$moviesList = [];
$mN = 0;
while($option = mysql_fetch_assoc($movies)) {
echo '<a href="../movies.php?v='.$option['ID'].'"><img id="titlesMain" src="../titlepages/'.$option['ID'].'.jpg" /></a>';
$moviesList[$mN]=$option['NAME'];
$mN=$mN+1;
}
header("Content-Type: application/json");
//echo $moviesList;
json_encode($moviesList);
db_close()
?>
[PHP] pobierz, plaintext

Wyszukiwarka nie działa, znaczy po wpisaniu frazy nic nie wyświetla. Czy zna się ktoś może na tym JSON i AJAX i wie jak to obsługiwać?

freemp3

25.01.2016, 13:56:39

Trochę pomieszałeś

Opcja "source" powinna być funkcją, a nie tablicą tak jak w Twoim przykładzie. W tej funkcji natomiast powinno znajdować się żądanie Ajax, które pobierze podpowiedzi i przekaże dalej

Przykład: https://jqueryui.com/autocomplete/#remote-jsonp

xSebaPL

25.01.2016, 18:30:52

Ok pozamieniałem ale wciąż nie działa:

[PHP] pobierz, plaintext 
$("#wyszukiwanaFraza").autocomplete({
	source: function(request, response) {
		$.ajax({
			type: 'POST',
			url: "/mainpage.php",
			dataType: "json",
			success: function(data) {
				response(data);
				$("#test").text("Fuck yeah!");
			},
			error: function(obj,text,error) {
				$("#test").text(text + ": " + error);
			}
		});,
	},
	change: function( event, data ) {
		$("#test").text(data);
	}
});
[PHP] pobierz, plaintext

Jedyna różnica to taka że błąd się nie wyświetla, ale wyszukiwarka dalej nie wyszukuje...

freemp3

26.01.2016, 12:33:59

Sprawdziłeś co zwraca ajax? Wyświetl w konsoli to co dostajesz w zmiennej "data".

xSebaPL

26.01.2016, 15:22:12

Właściwie to założyłem nowy temat odnośnie tego ajaxa, bo z ajaxami ja mam straszny problem a w tym temacie nikt nie odpisywał. Podaje link do tamtego tematu
Temat: JavaScriptAJAXPHPPrzeslanie array przez ajax

tam wszystko opisałem co i jak wyświetla

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.