publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
skomentuj »

TAGI: json , javascript , ajax

2009-08-26 18:09  |  Adam Golański

JSON: jak zapisywać dane w obiektach JavaScriptu?

JSON: jak zapisywać dane w obiektach JavaScriptu?

JSON (Java Script Object Notation) to lekki format wymiany danych komputerowych za pomocą plików tekstowych. Jego notacja jest podzbiorem JavaScriptu, choć on sam dostępny jest też dla wielu innych języków, w tym PHP, Pythona, Javy czy Ruby'ego. Przekazywane w ten sposób dane są łatwe dla odczytania dla człowieka, a ich przekształcenie do postaci wygodnej dla np. przeglądarki, to jedna linijka kodu. Dlatego JSON staje się standardem w rozmaitych webowych aplikacjach – korzystają z niego np. Twitter czy Flickr.

Tworzymy obiekt JSON

Na początek stworzymy sobie przykładowy zbiór danych – np. listę numerów GG użytkowników forum dyskusyjnego. Możemy wykorzystać do tego obiekt, zdefiniowany następująco:

{"lista_gg": ["1111111", "1111112", "1111113", "1111114", "1111115", "1111116"]}

Cały obiekt otoczony jest nawiasami klamrowymi i składa się z nazwy wskazującej na wartość. Wartość może być pojedynczą liczbą, tekstowym napisem, czy też tablicą, jak jest w tym wypadku. W tym wypadku obiekt ma jedną nazwę: "lista_gg" – zapisuje się ją w podwójnych cudzysłowach. Od wartości, zapisanej w nawiasach kwadratowych, oddziela ją dwukropek.

Bezpośrednio w JavaScripcie odpowiednikiem tego obiektu JSON będzie odmienny zapis:

var lista_gg_tekst = "{\"lista_gg\": [\"1111111\", \"1111112\", \"1111113\", \"1111114\", \"1111115\", \"1111116\"]}";

Zapisując w ten sposób obiekt JSON musimy przed każdym cudzysłowem podawać ukośniki, aby interpreter JavaScriptu był w stanie odróżnić, które z nich są częścią kodu, a stanowią uporządkowaną listę wartości.

Przekształcenie tak przygotowanej zmiennej JavaScriptu w obiekt JSON można osiągnąć za pomocą funkcji eval (skrót od evaluate)

var obiekt_json = eval("(" + lista_gg_tekst + ")");

Jak widać, aby stworzyć obiekt JSON z napisu, wystarczy otoczyć ciąg okrągłymi nawiasami, a następnie przekazać go do funkcji eval.


Uzyskujemy dostęp do obiektu JSON

Dostęp do wartości zapisanych w tablicy w obiekcie uzyskujemy przez podanie jego nazwy:

var gg_tablica = jsonobj["lista_gg"];

Jeśli chcemy pobrać pierwszy element tablicy, robimy to tak, jak się to robi w JavaScripcie:

var gg_1 = gg_tablica[0];

(pamiętajmy, że pierwszy element nosi numer 0)

Możemy też dostać się do elementów tablicy bez jej bezpośredniego wywoływania:

var gg_2 = jsonobj["lista_gg"][1];

«poprzednia 1 2 następna »

publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
skomentuj »

Polecane książki

Czytaj Webhosting

Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.

Zarejestruj domenę

Sprawdź dostępność swojej domeny:

.pl: 0 zł   .com: 19.90 zł
.com.pl: 0 zł   .eu: 19.90 zł