Hvad er JSON? En lægmandsoversigt

Er du i gang med de nyeste webteknologier? Kendskab til HTML ikke kun for udviklere: 7 HTML-tags Enhver forfatter, der ikke skal vide, kun for udviklere: 7 HTML-tags Enhver forfatter, der skal vide for at være markedsførbar og fleksibel online, skal du bare vide, hvordan du formaterer en komplet HTML-artikel, eller hvordan man finjustere ting. er temmelig meget vigtigt, hvis du vil gå ud over enkle webaktiviteter som at surfe og sende på fora. Så er der mere avancerede emner, f.eks. CSS (lære mere her 5 Babytrin til at lære CSS og blive en Kick-Ass CSS-troldmand 5 Baby-trin til at lære CSS og at blive en Kick-Ass CSS-troldmand CSS er den mest vigtige ændringswebside, der har set i det sidste årti, og det banede vejen for adskillelse af stil og indhold. På den moderne måde definerer XHTML den semantiske struktur ...), AJAX (lære mere her jQuery Tutorial (Del 5): AJAX Them All! jQuery Tutorial (Del 5): AJAX dem alle! Da vi nær ved slutningen af ​​vores mini-tutorial-serie jQuery, er det på tide at vi kaster et mere dybtgående kig på en af ​​de mest anvendte funktioner i jQuery. AJAX giver et websted mulighed for at kommunikere med ...) og JSON.

Uanset om du planlægger at være en webudvikler eller ej, er det en god ide at i det mindste vide, hvad der er JSON, hvorfor det er vigtigt, og hvorfor det bruges rundt omkring på nettet i dag.

Hvad er JSON?

JSON står for JavaScript-objektnotation. Det er et åbent standardformat, der gør det muligt at overføre data over internettet ved hjælp af attributværdipar. Det lyder måske lidt forvirrende, så lad os undersøge det lidt mere.

Lad os sige, at jeg har en ballon, og du vil have min ballon. En måde at få det til, er at faktisk pakke ballonen op og sende den til dig via mail. Men en alternativ metode ville være at beskrive dig egenskaber af min ballon, som ville give dig mulighed for at genskabe den samme nøjagtige ballon uden faktisk at skulle sende den fysiske ballon.

Min ballon har måske en materiale attribut af værdi gummi. Det kan have en farve attribut af værdi rød. Det kan have en diameter attribut af værdi ti tommer. Det kan have en gas attribut af værdi helium. Disse fire attributværdipar er nok for dig at visualisere min ballon, ikke?

Det er stort set, hvordan JSON fungerer, når den transmitterer data over internettet.

Hvad godt er JSON?

JSON var ikke den første til at bruge attributværdipar som en måde at overføre data over internettet. Den teknisk-kyndige blandt jer bemærker måske, at det lyder meget frygteligt som XML. Som det viser sig, udfører JSON og XML mange af de samme opgaver. Så hvorfor vælge JSON frem for XML?

I dagens web, asynkron indlæsning af data er vigtig. Med andre ord vil websider være i stand til at indlæse nye data uden at skulle opdatere hele siden for at hente dem. Dette resulterer i en jævnere og mere gunstig browseroplevelse. JSON er fantastisk til at sende og modtage asynkrone data, fordi de er enkle og lette at bruge.

Men XML gør det samme! Så hvorfor foretrækker nogle mennesker JSON?

Et svar på det spørgsmål kan findes i JSONs navn: JavaScript-objektnotation. Det genkendes naturligt af JavaScript, som er et af de mest populære sprog i verden. Da JSON er en delmængde af JavaScript, er der meget lidt ekstra læring, du skal gøre, når du kender JavaScript.

En anden grund er, at JSON er mere læsbar end XML. Jo, det er nemt at vænne sig til XML, når du har brugt det i et stykke tid, men at kigge på en XML-fil kan være overvældende med alle dens tags og ordlighed. JSON er renere, lettere for nybegynderne at forstå og ganske fleksibel med sine grundlæggende datatyper.

Se hvad JSONs skabere har at sige om denne sammenligning på deres JSON vs. XML-side.

Hvordan ser JSON ud?

JSON er bare en række attributværdipar, der kan indlejres i sig selv, når det er nødvendigt. Hvis vores dataobjekt f.eks. Var en person, kunne denne person være repræsenteret med følgende JSON-data:

Hver linje starter med en attribut efterfulgt af et kolon, derefter værdi for den attribut. Denne værdi kan også være en matrix, som det ses med “telefonnumre” attribut ovenfor. Værdien kan også være en række flere attributværdipar, som du kan se i handling med “adresse” attribut. Dette kaldes en objekt.

Til sammenligning er her de samme data, der er repræsenteret af XML:

Konklusion

JSON er bare en måde at repræsentere dataobjekter på, når de transmitteres over internettet. Det er et alternativ til XML, der er hjemmehørende i JavaScript, og det er en af ​​grundene til, at det er så populært og udbredt. Den mest almindelige brug for JSON er at hente data fra webservere efter behov.

Forhåbentlig har du nu en bedre forståelse af JSON og hvordan det bruges i webudvikling. For yderligere læring er JSON-siden på MDN et godt sted at starte.

Billedkreditter: JSON forstørret via Shutterstock