Kurs obiektowego JavaScript (36)

Autor: Damian Chodorek • Opublikowany: 10 listopada 2014 • Ostatnia aktualizacja: 8 lutego 2015 • Kategoria: javascript, kursy

Popularny format JSON.

Kurs JS dobiega końca. Na koniec chcę przedstawić Ci kilka praktycznych wskazówek. W dzisiejszej lekcji omówię popularny format – JSON. Jest często używany do komunikacji z serwerem, zamiast XML’a. Rozwinięciem skrótu jest JavaScript Object Notation.

JSON cechuje się niezwykłą prostotą i łatwością w użyciu. Poniżej przykład ciągu znaków odebranych z serwera, które można zamienić na obiekt.

//to właśnie JSON:
"{
  'imie': 'Jan',
  'nazwisko': 'Kowalski',
  'dzieci': ['Alicja', 'Olga', 'Cecylia']
}"

Widzisz jak prosta filozofia stoi za tym sposobem opakowania danych. Przy pomocy funkcji eval() możesz łatwo zamienić ten ciąg znaków na użyteczny obiekt JS.

var resp=eval( '(' + xhr.responseText + ')' );
console.log(resp.dzieci[0]); //"Alicja"

Jak pamiętasz z poprzednich lekcji – funkcja eval() nie jest zbyt bezpieczna. Jeśli serwer prześle kod, który może potencjalnie wyrządzić szkody, to pojawia się problem. Dlatego warto skorzystać z biblioteki, którą znajdziesz pod adresem http://json.org/.

Aby utworzyć obiekt na podstawie ciągu znaków wystarczy skorzystać z metody JSON.parse(xhr.responseText).

Dużym atutem JSON’a jest fakt, iż jest on bardzo popularny, zwłaszcza jeśli chodzi o komunikację z serwerem. Z tego powodu łatwo znaleźć wsparcie tego formatu w różnych językach programowania.

W tym artykule to wszystko. Przejdź do następnej części:

Kurs obiektowego JavaScript (37)

Zobacz również
Kurs obiektowego JavaScript (34)Zapobieganie działaniu domyślnemu. Rodzaje zdarzeń.
Kurs obiektowego JavaScript (35)Zapytania do serwera. AJAX oraz XMLHttpRequest.
Kurs obiektowego JavaScript (37)Popularne biblioteki JS.
Kurs obiektowego JavaScript (38)Web Workers – wątki w Twoich skryptach.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.