Jak odbierać i analizować dane JSON z serwera

JSON to popularny format danych wykorzystywany do wymiany informacji między serwerami a aplikacjami internetowymi. Dane, które otrzymujesz z serwera, mają formę „strunowy,”I możesz użyć„JSON.analizować()„Metoda konwersji łańcucha w obiekt JavaScript.

Ten pismo wyjaśni użycie JSON.metoda parse () w JavaScript. Ponadto przykłady związane z JSON.Parse () metoda analizowania ciągów, tablic, obiektów daty i funkcji zostanie wykazana. A więc zacznijmy!

Co to jest JSON.metoda parse ()

JSON.Metoda parse () akceptuje ciąg jako argument i przekształca go w obiekt JavaScript poprzez analizowanie. Tutaj parsowanie to proces, który dzieli struny na różne części, a następnie identyfikuje ich związek.

Składnia JSON.metoda parse ()

JSON.parse (ciąg, funkcja)

Powyższa składnia stwierdza, że ​​JSON.Metoda parse () akceptuje „strunowy”Napisane w ważnym formacie JSON i„funkcjonować”Jest opcjonalnym parametrem dodanym do przekształcenia wyników.

Przykład: JSON.parse () metoda analizowania ciągu w JavaScript

W poniższym przykładzie przeanalizujemy dane za pomocą JSON.metoda parse (). Po pierwsze, przechowujemy otrzymane dane w „String1„Zmienna jako ciąg:

const string1 = '„name”: „Alex”, „wiek”: 25, „miasto”: „Paris”'

W następnym kroku wywołamy JSON.parse () metoda konwersji „String1”W„obj" obiekt:

const obj = json.parse (string1);

Możesz także sprawdzić rodzaj „String1" I "obj”Za pomocą„typ()”Funkcja:

konsola.log (typeof (string1));
konsola.log (typeof (obj));

Na koniec uzyskamy dostęp do wartości „nazwa" I "wiek„Właściwości z konwertowanego obiektu i pokazują go jako wyjście:

konsola.Log (obj.Nazwa + "," + obj.wiek);

Możesz użyć dowolnej piaskownicy kodowania online lub ulubionego edytora kodu do wykonywania dostarczonego programu JavaScript; Jednak użyjemy kodu Visual Studio:

Będziemy uruchomić powyższy program za pomocą „Serwer na żywo„Rozszerzenie kodu VS. Wyświetli „Alex" Jak "nazwa" i jego wiek Jak "25”, A także pokazuje rodzaj„String1" I "obj„W oknie konsoli:

JSON.parse () metoda analizowania tablicy w JavaScript

W JavaScript, JSON.Metodę parse () można wywołać na obiekcie JSON, który wynika z tablicy w wyniku tego, metoda ta zwraca tablicę JavaScript, a nie obiekt.

Przykład: JSON.parse () metoda analizowania tablicy w JavaScript

W poniższym przykładzie przeanalizujemy tablicę, dzwoniąc do JSON.metoda parse (). Utworzymy obiekt „myarray„Parsowanie JSON„tekst" strunowy:

const text = '[„Apple”, „Mango”, „gruszka”, „śliwka”]';
const myarray = json.Parse (tekst);

Następnie otrzymamy zawartość elementu tablicy i wyświetlimy ją w akapicie:

konsola.log (myarray [0]);

Element obecny w indeksie „0" z "myarray„Można zobaczyć na wyjściu:

JSON.parse () metoda analizowania daty w JavaScript

Składnia JSON nie pozwala na korzystanie z obiektów daty. Jeśli chcesz utworzyć obiekt daty w programie JavaScript, musisz go dodać jako ciąg, który można przekonwertować z powrotem na obiekt daty.

Przykład: JSON.parse () metoda analizowania daty w JavaScript

W poniższym przykładzie uwzględniliśmy „Data urodzenia" w "tekst" strunowy:

const text = '„Nazwa”: „Alex”, „data urodzenia”: „1998-01-25”, „miasto”: „Paris” ”;

Wywołując JSON.Metoda parse (), analizujemy „tekst" strunowy:

const obj = json.Parse (tekst);
Następnie, w następnym kroku, przekonwertujemy przeanalizowany ciąg z powrotem do obiektu daty w następujący sposób:
[cc lang = "javascript" szerokie = "100%" height = "100%" ewident = "true" theme = "blackboard" nowrap = "0"]
obj.narodziny = nowa data (OBJ.Data urodzenia);
konsola.Log (obj.Nazwa + "," + obj.narodziny);

Oto dane wyjściowe, które otrzymaliśmy od wykonywania wyżej podanego kodu:

JSON.parse () metoda analizowania funkcji w JavaScript

Podobnie do obiektu daty, funkcje nie są również dozwolone w formacie JSON. Za włączenie funkcji w JSON.metoda parse (), musisz dodać ją jako ciąg, a następnie przekonwertować na funkcję.

Przykład: JSON.parse () metoda analizowania funkcji w JavaScript

Parsujemy funkcje za pomocą JSON.Parse () Funkcje w poniższym przykładzie. Po pierwsze, dodamy ciąg, który zawiera funkcję dla „wiek„Własność i zwróci”25”:

const text = '„name”: „Alex”, „wiek”: „function () return 25;”, „miasto”: „Paris” ”;

Następnie przeanalizujemy „tekst”I utwórz obiekt JSON do przechowywania wartości:

const obj = json.Parse (tekst);

Po tym użyjemy „eval ()”Funkcja JavaScript do oceny ciągu wieku jako kodu JavaScript i jego wykonania:

obj.wiek = eval ("(" + obj.wiek + ")");

Na koniec otrzymamy „obj.nazwa" I "obj.wiek”Wartości i wyświetl w dodanym akapicie:

konsola.Log (obj.Nazwa + "," + obj.wiek());

Dane dane wyjściowe pokazuje, że dodana funkcja jest pomyślnie analizowana, wykorzystując JSON.metoda parse ().

Wniosek

W JavaScript, JSON.analizować() Metoda jest wykorzystywana do analizowania łańcucha, czyli danych otrzymanych z serwera internetowego. JSON.Metoda parse () zwróci następnie obiekt JavaScript i możesz uzyskać dostęp do przeanalizowanych danych z pomocą. Ten napis wyjaśnił użycie JSON.metoda parse () w JavaScript. Ponadto przykłady związane z JSON.Parse () metoda analizowania ciągów, tablic, obiektów daty i funkcji jest również wykazywana w tym artykule.