wyświetlenie tablicy ajax,jquery

Question

Tak jak w pytaniu. Przy pomocy PHP i jego funkcji json_encode, otrzymałem taką oto tablicę:

[{"imie":"yy","nazwisko":"yy","nazwa":"test","plec":"Kobieta"}]

W jaki sposób wyświetlić ją przy pomocy jquery?

edit:

kod js

    $(document).ready(function(){
        $(".profile").click(function(){
            
            var id = $(this).data('id');
            
            $.ajax({
                    method: "GET",
                    url: "../functions/getDataFromDB.php",
                    dataType: "text",
                    data: {id:id},
                    success: function(data){
                    
                    console.log(data);
   
                    }
            });
        });
    });

kod php:

	public function GetPlayer($id){

		$query = "SELECT * FROM zawodnik WHERE id={$id}";
		$result = $this->db->query($query);
		if ($result->num_rows <= 0) {
			return false;	
		}
		
		$this->PlayerInfo[] = $result->fetch_assoc();

		
		echo json_encode ($this->PlayerInfo);
	}

kod php:

	if(isset($_GET['id'])){
		$id = $_GET['id'];
		
		$vv = new AddService();
		
		$vv->GetPlayer($id);
		
	}

 

Comments

Co rozumiesz pod pojęciem "wyświetlić"? Mówisz już o tablicy zapisanej w obiekcie response? (bo to co podaleś to nie json ale już normalna tablica w JS zawierająca jeden element)

---

Chcę wyświetlić po prostu te wartości. Jeśli nic Tobie to nie mówi, to wstawię kod, abyś mógł go przeanalizować

Answer 1

const data = [{"imie":"yy","nazwisko":"yy","nazwa":"test","plec":"Kobieta"}];

data[0].imie;     //yy"
data[0].nazwisko; //"yy"
data[0].nazwa;    //"test"
data[0].plec;     //"Kobieta"

o takie coś chodzi?

Comments

oki, czyli na 99% jesteśmy u celu i problem tkwi właśnie w BOM.

To teraz tak:

1. zmień jak pisałem na kodowanie bez BOM
2. i teraz jeszcze na tych plikach musisz usunąć to BOM, co już jest, czyli daj Format -> Konwertuj na UTF8 bez BOM 
3. zapisz pliki (zrób to na wszystkich plikach)

I teraz jeszcze raz zobacz jak zachowuje się apka i czy nadal w response (zakładka w konsoli) mamy te kropki. Te kropki to tak na prawdę nie kropki ale punkty kodowe znaków oznaczających BOM, ale tak po prostu są wyświetlane w konsoli.

---

Brak błędów, wyświetlone: https://imgur.com/Czh5nBc

jak w takim razie mogę odwołać się w jquery do danego pola, czyt.imie, nazwisko..?

Taki głupi błąd( kodowanie), a tyle roboty było...

---

No to teraz wracamy do metody "success" i tam wywołujemy funkcję, która jako argument przyjmuje obiekt dane zwrócone przez serwer i powinny one już być przepuszczone przez JSON.parse, więc:

success: function(data) {
    console.log(data);
    //powinno zwrócić tablicę:
    //[{"imie":"yy","nazwisko":"yy","nazwa":"test","plec":"Kobieta"}];

    //więc teraz:
    console.log(`Imię: ${data[0].imie}`);
}

A jeśli coś nie pojdzie to zrób console.log(data) i zobacz jak wygląda informacja zwrotna. Daj znać czy ruszyło :)

---

Dziękuję Ci bardzo za pomoc. Tyle się trudzić z jednego powodu. Wszystko działa, jak należy :)

---

Spoko :)

swoją drogą przyznam, że ciekawy błąd i trochę przypadkiem mnie naszło na BOM jak o tych kropkach napisałeś :)

Tak na prawdę często większym problemem jest rozpracowanie czyjegoś kodu i znalezienie błędu niż napisanie wszystkiego od zera... także ta nauka nie poszła w las, przy okazji poznałeś ajax.error co szczerze polecam stosować. Tak samo jak ręczne parsowanie JSON warto zawsze wrzucać w try-catch, ale tutaj jQuery robi to za Ciebie.

Powodzenia zatem w dalszym pisaniu :)