Hvordan motta og analysere JSON -data fra serveren

JSON er et populært dataformat som brukes til å utveksle informasjon mellom servere og webapplikasjoner. Dataene du mottar fra en server er i form av en "streng,”Og du kan bruke“JSON.parse ()”Metode for å konvertere strengen til et JavaScript -objekt.

Denne oppskrivningen vil forklare bruken av JSON.parse () -metode i JavaScript. Dessuten eksemplene relatert til JSON.Parse () Metode for analysering av strenger, matriser, datoobjekter og funksjoner vil bli demonstrert. Så la oss starte!

Hva er JSON.parse () -metode

JSON.Parse () -metoden aksepterer en streng som et argument og konverterer den til et JavaScript -objekt ved å analysere. Her er analysering prosessen som deler strengene i forskjellige deler og deretter identifiserer forholdet deres til hverandre.

Syntaks av JSON.parse () -metode

JSON.parse (streng, funksjon)

Ovennevnte syntaks sier at JSON.parse () -metoden aksepterer “streng”Skrevet i gyldig JSON -format, og“funksjon”Er en valgfri parameter lagt til for å transformere resultatene.

Eksempel: JSON.parse () Metode for analysering av streng i JavaScript

I det følgende eksemplet vil vi analysere dataene ved hjelp av JSON.parse () -metode. Først av alt vil vi lagre mottatte data i en "String1”Variabel som en streng:

const string1 = '"name": "alex", "alder": 25, "by": "Paris" "

I neste trinn vil vi påkalle JSON.parse () -metode for konvertering “String1”Til en“obj”Objekt:

const obj = json.parse (String1);

Du kan også sjekke typen "String1”Og“obj”Ved å bruke“typeof ()”Funksjon:

konsoll.Log (typeof (String1));
konsoll.logg (typeof (obj));

Til slutt vil vi få tilgang til verdiene til "Navn”Og“alder”Egenskaper fra det konverterte objektet og viser det som utgang:

konsoll.Logg (obj.Navn + "," + obj.alder);

Du kan bruke hvilken som helst online kodende sandkasse eller din favorittkodeditor for å utføre det medfølgende JavaScript -programmet; Vi vil imidlertid bruke Visual Studio -koden:

Vi kjører det ovennevnte programmet ved å bruke “Live server”Utvidelse av VS -kode. Den vil vise “Alex" som "Navn" og dets alder som "25”Og viser også typen“String1”Og“obj”I konsollvinduet:

JSON.Parse () Metode for analysering av Array i JavaScript

I JavaScript, JSON.Parse () -metoden kan påberopes på et JSON -objekt som er avledet fra en matrise som et resultat av det, denne metoden returnerer en JavaScript -matrise i stedet for et objekt.

Eksempel: JSON.Parse () Metode for analysering av Array i JavaScript

I det undergitte eksemplet vil vi analysere en matrise ved å ringe JSON.parse () -metode. Vi vil opprette et objekt “MyArray”Ved å analysere JSON”tekst”String:

const text = '["eple", "mango", "pære", "plomme"]';
const myArray = json.parse (tekst);

Deretter vil vi få innholdet i matriselementet og vise det i avsnittet:

konsoll.Logg (MyArray [0]);

Elementet som er til stede ved indeksen “0”Av“MyArray”Kan sees i utgangen:

JSON.Parse () Metode for analyseringsdato i JavaScript

JSON -syntaks tillater deg ikke å bruke datoobjektene. Hvis du vil opprette et datoobjekt i JavaScript -programmet ditt, må du legge det til som en streng, som kan konverteres tilbake til et datoobjekt.

Eksempel: JSON.Parse () Metode for analyseringsdato i JavaScript

I det undergitte eksemplet har vi inkludert "bursdag”I“tekst”String:

const Text = '"name": "Alex", "Birthdate": "1998-01-25", "City": "Paris"';

Ved å påkalle JSON.parse () -metode, vi analyserer “tekst”String:

const obj = json.parse (tekst);
Deretter, i neste trinn, vil vi konvertere den analyserte strengen tilbake til datoobjektet på følgende måte:
[CC lang = "JavaScript" bredde = "100%" høyde = "100%" rømte = "true" topa = "blackboard" nowrap = "0"]
obj.Fødsel = ny dato (OBJ.bursdag);
konsoll.Logg (obj.Navn + "," + obj.fødsel);

Her er utdataene vi fikk fra å utføre den ovennevnte koden:

JSON.Parse () Metode for analyseringsfunksjoner i JavaScript

I likhet med datoobjektet er funksjoner heller ikke tillatt i JSON -formatet. For å inkludere en funksjon i JSON.parse () -metode, du må legge den til som en streng og deretter konvertere den til en funksjon.

Eksempel: JSON.Parse () Metode for analyseringsfunksjoner i JavaScript

Vi vil analysere funksjoner ved hjelp av JSON.analyser () funksjoner i det undergitte eksemplet. For det første vil vi legge til en streng som omfatter en funksjon for "alder”Eiendom og vil returnere“25”:

const text = '"name": "alex", "alder": "funksjon () return 25;", "by": "paris"';

Deretter vil vi analysere “tekst”Og lage et JSON -objekt for lagring av verdien:

const obj = json.parse (tekst);

Etter å ha gjort det, vil vi bruke "eval ()”JavaScript -funksjon for å evaluere aldersstrengen som JavaScript -kode og for utførelsen:

obj.Alder = eval ("(" + obj.alder + ")");

Til slutt vil vi få "obj.Navn”Og“obj.alder”Verdier og vis den i det ekstra avsnittet:

konsoll.Logg (obj.Navn + "," + obj.alder());

Den gitte utgangen viser at ekstra funksjon er analysert ved å bruke JSON.parse () -metode.

Konklusjon

I JavaScript, JSON.parse () Metoden brukes til å analysere strengen, som er dataene som er mottatt fra webserveren. JSON.Parse () -metoden vil deretter returnere et JavaScript -objekt, og du kan få tilgang til de analyserte dataene ved hjelp av det. Denne oppskrivningen forklarte bruken av JSON.parse () -metode i JavaScript. Dessuten eksemplene relatert til JSON.Parse () Metode for analysering av strenger, matriser, datoobjekter og funksjoner er også demonstrert i denne artikkelen.