Forum PHP.pl

Witam,
Od jakiegoś czasu borykam się z problem wyciągnięcia danych z bazy MySQL za pomocą jQuery i AJAXa.
Dane chciałbym pobierać w momencie gdy użytkownik najedzie na jakiś obiekt na stronie. Napisałem do tego funkcje w jQuery:

[HTML] pobierz, plaintext 
$("rect").bind("hover", function() {
    var identyfikator = "";
    if ($(this).attr("id") != null) {
    identyfikator = $(this).attr("id");
    $.ajax({
	url:"func_id.php",
	data:{"func_id": identyfikator}		
});
	$.getJSON("func_id.php", function(json) {
	$.each(json.result, function() {
	var info='sektor' + this['sektor'] +  'rzad' + this['rzad']+ 'miejsce' + this['miejsce'];
	alert($(this).text() + " " + info);
				})
		});
	});
});
[HTML] pobierz, plaintext 

Moja funkcja w pliku func_id.php wygląda następująco:

[PHP] pobierz, plaintext 
<?php
function func_id($id_miejsce) {
 
require_once ('polacz.php');
 
$sprawdzenie = $sth->prepare('SELECT sektor, rzad,miejsce,  
 
                        FROM t_miejsce 
 
                        WHERE id_miejsce=:id_miejsce');
 
 $sprawdzenie->bindValue(':id_miejsce',$id_miejsce,PDO::PARAM_INT);
 
 $sprawdzenie->execute();
 
 
 $result = $sprawdzenie->fetchAll();
$jso= json_encode(array("result"=>$result));
 
 
return $jso;
}
?> 
[PHP] pobierz, plaintext 

chciałbym aby po najechaniu myszką na obiekt rect, pobrały się dane z bazy dla tego konkretnego obiektu i wyświetliły się w okienku alert. Nie wiem czy wywołanie tej funkcji w jquery jest poprawne czy samo wyświetlenie tych danych zawodzi. Jestem początkującym jeżeli chodzi o jquery i ajax dlatego bardzo proszę o pomoc.

Ten post edytował gawar 23.03.2015, 12:30:25

JSON co wróci z requesta trzeba by przeparsować w handlerze, który dasz np do done(callback).

[HTML] pobierz, plaintext 
 $.ajax({
	url:"func_id.php",
	data:{"func_id": identyfikator}
}).done(function(data){
//w data powinien byc json
});
[HTML] pobierz, plaintext 

Druga sprawa php powinno zwrócic dane przez echo a nie return. I jeszcze wywal tą funkcje func_id a parametr $id_miejsce pobierz z $_GET bo to jest domyślna metoda wysyłania funkcji ajax.

A w ogóle to albo rób przez ajax albo getJSON (IMG:style_emoticons/default/smile.gif)

Ten post edytował 10log 23.03.2015, 12:52:27

A ja proponuję pobrać najpierw to co chcesz ukryć w divie pod danymrekordem a potem po najechaniu myszką użyć jquery show and hide.
Nie dość ze będzie działać szybciej to nie zajedziesz bazy. Tylko Niewiem czy możesz sobie pozwolić na taki sposób

Pozdrawiam

snerf to było by chyba bardzo nie optymalne rozwiązanie ładować do diva np 1000 rekordów z bazy.
10log poprawiłem, ale dalej nie chce działać. Nie mam doświadczenie w tym i nie wiem jak wyszukiwać błędów w kodzie. Może ktoś podpowie jak?

Oto kod po aktualizacji:

[PHP] pobierz, plaintext 
<?php
 
$id_miejsce = $_GET['id_miejsce'];
 
	require_once ('polacz.php');
 
    $sprawdzenie = $sth->prepare('SELECT sektor, rzad,miejsce
 
                        FROM t_miejsce 
 
                        WHERE id_miejsce=:id_miejsce');
 
    $sprawdzenie->bindValue(':id_miejsce',$id_miejsce,PDO::PARAM_INT);
 
 
 
    $sprawdzenie->execute();
 
    $result = $sprawdzenie->fetchAll();
	echo json_encode(array("result"=>$result));
 
 
?> 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$("rect").bind("click", function() {
 
		var identyfikator = "";
 
		if ($(this).attr("id") != null) {
 
			identyfikator = $(this).attr("id");
			//alert($(this).text() + " " + identyfikator);
			$.ajax({
				type:"GET",
				url:"func_id.php",
				dataType:'json',
				data:{"id_miejsce": identyfikator},
				success:function(json){
					var info='sektor' + this['sektor'] +  'rzad' + this['rzad']+ 'miejsce' + this['miejsce'];
					alert($(this).text() + " " + info);	
				};		
				error: function() {
                    alert('wystąpił błąd ');
            };
 
			});
		}
 
	});
});
[HTML] pobierz, plaintext 

Przeanalizuj żądanie AJAX'owe http://blog.turson.pl/jquery-ajax-analiza-...rkowej-konsoli/
Sprawdź co wysyłasz i co dostajesz

Testowałem tak, żądanie w ogóle nie startuje:(

Żądanie się nie wysyła?
$("rect") - tu na pewno element rect a nie jakiś id?

$("rect") -tak ma być, na samym alercie to działało prawidłowo.

Wątpię aby to tak dzialalo. Tam na pewno byla . Lub #

[HTML] pobierz, plaintext 
success:function(json){
					var info='sektor' + this['sektor'] +  'rzad' + this['rzad']+ 'miejsce' + this['miejsce'];
					alert($(this).text() + " " + info);	
				};		
error: function() {
                    alert('wystąpił błąd ');
[HTML] pobierz, plaintext 

Po funkcji success ma być przecinek a nie średnik a po funkcji error ma już nic nie być. Nawet średnika.
Takie błędy są widoczne w konsoli.

10log - dziękuję, rzeczywiście błąd był z tym przecinkiem i średnikiem. Ale po wykonaniu funkcji czyli kliknięciu na prostokąt pojawia się alert z błędem -> alert('wystąpił błąd ');
Czyli nie ma tak oczekiwanego success... jak to rozwiązać? Czy źle odbieram dane? bo przekazuje poprawnie (według przeglądarki).
Odnośnie
to możesz coś więcej napisać jak to sprawdzać?

Jak jest error to możliwe, że masz błędny adres żądania. Dałem Ci link jak sprawdzić co idzie przez AJAX, dokąd idzie, co zwraca, jaki jest status. W Firebugu (ew. F12) masz konsolę też

do jsona przekazujesz tablice tablic , tak ma być? (IMG:style_emoticons/default/smile.gif)

poprawiłem tą tablice

[PHP] pobierz, plaintext 
echo json_encode($result);
[PHP] pobierz, plaintext 

. Cały czas wyskakuje mi błąd. A jak patrze w konsoli to jest zawartość odpowiedzi zgodna z tym co pobieram. Dodatkowo pojawia się jeszcze ReferenceError: blad is not defined - bo dodałem console.log(blad); ale to mi nic nie mówi.

no bo nie ma takiej zmiennej jak blad u Ciebie

ok mój błąd. Ale i tak to nie działa cały czas pojawia się alert z error z:

[HTML] pobierz, plaintext 
function() {
                   alert('wystąpił błąd ');
}
[HTML] pobierz, plaintext 

Ten post edytował gawar 24.03.2015, 13:35:13

Jeśli ciągle zwraca error tzn., że request się nie powiódł.

Jak używasz Chrome to wybierz menu->więcej narzędzi->narzędzia dla programistów, pokaże Ci się fajne narzędzie, gdzie możesz sprawdzić co się dzieje.
Wybierz zakładkę network, przeładuj stronę i zobaczysz wszystkie requesty. Zaznaczone na czerwono to te, które się nie powiodły. Znajdź swój i zobacz co tam jest napisane.

W Firefox ktoś już Ci podpowiedział F12, nawet IE ma narzędzia dla programistów, też pod F12.

Ten post edytował 10log 24.03.2015, 14:44:41

Wydaje mi się że się powiódł...tylko problem może jest z wyświetleniem tych danych.
To wypluwa konsola.
Zawartość odpowiedzi Δ0ms
 [{"sektor":"1","rzad":"1","miejsce":"1"}]
a cała funkcja wygląda tak:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$("rect").bind("click", function() {
 
		var identyfikator = "";
 
		if ($(this).attr("id") != null) {
 
			identyfikator = $(this).attr("id");
			//alert($(this).text() + " " + identyfikator);
			$.ajax({
				type:"GET",
				url:"./func_id.php",
				dataType:"json",
				data:{"id_miejsce": identyfikator},
				success : function(json){
 
 
 
				alert( json['sektor'] + "\n" + json['rzad']+ "\n" + json['miejsce']);
				},	
				error: function() {
                    alert('wystąpił błąd ');
 
            }
 
			});
		}
 
	});
});
[HTML] pobierz, plaintext 

Skoro w odpowiedzi dostajesz [{"sektor":"1","rzad":"1","miejsce":"1"}] to może json[0]['sektor']?

tak też nie działa. Pewnie jest to jakaś pierdoła:(