[AJAX][PHP][jQuery], pobranie danych z bazy Opcje

[gawar]

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

[10log]

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

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

[snerf]

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

[gawar]

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 

[Turson]

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

[gawar]

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

[viking]

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

[gawar]

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

[Forti]

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

[10log]

[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.

[gawar]

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

Takie błędy są widoczne w konsoli.

to możesz coś więcej napisać jak to sprawdzać?

[Turson]

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ż

[com]

do jsona przekazujesz tablice tablic , tak ma być?

[gawar]

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.

[com]

no bo nie ma takiej zmiennej jak blad u Ciebie

[gawar]

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

[10log]

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

[gawar]

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 

[10log]

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

[gawar]

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