Hva er JSON? En leksmanns oversikt

Er du opptatt av den nyeste webteknologien? Kunnskap om HTML ikke bare for utviklere: 7 HTML-merker Enhver skribent bør vite ikke bare for utviklere: 7 HTML-merker Enhver skribent bør vite For å være markedsførbar og fleksibel online, må du bare vite hvordan du skal formatere en full HTML-artikkel, eller hvordan justere ting. Les mer er ganske viktig hvis du vil gå utover enkle webaktiviteter som å bla og legge inn på forum. Deretter er det mer avanserte emner, som CSS (lære mer her 5 Baby trinn for å lære CSS og bli en kick-ass CSS Sorcerer 5 Baby trinn for å lære CSS og bli en Kick-Ass CSS Sorcerer CSS er de mest viktige endring websidene har sett i det siste tiåret, og det banet vei for adskillelse av stil og innhold. På den moderne måten definerer XHTML den semantiske strukturen ... Les mer), AJAX (lære mer her jQuery opplæring (del 5): AJAX dem alle! jQuery-veiledning (del 5): AJAX dem alle! Når vi er i nærheten av vår jQuery mini-opplæringsserie, er det på tide at vi tok en mer grundig titt på en av de mest brukte funksjonene i jQuery. AJAX tillater et nettsted å kommunisere med ... Les mer), og JSON.

Enten du planlegger å være en webutvikler eller ikke, er det en god ide å minst vite hva som er JSON, hvorfor det er viktig, og hvorfor det brukes over hele nettet i dag.

Hva er JSON?

JSON står for JavaScript Objekt Notation. Det er et åpent standardformat som gjør det mulig å overføre data over nettet ved å bruke attributt-verdi par. Det kan høres litt forvirrende, så la oss dykke inn i det litt mer.

La oss si at jeg har en ballong og du vil ha min ballong. En måte å få det til å skje ville være å faktisk pakke ballongen og sende den til deg via post. Men en alternativ metode ville være å beskrive for deg egenskaper av ballongen min, som tillater deg å gjenskape den samme eksakte ballongen uten å faktisk sende den fysiske ballongen.

Min ballong kan ha en materiale attributt av verdi gummi. Det kan ha en farge attributt av verdi rød. Det kan ha en diameter attributt av verdi ti tommer. Det kan ha en gass attributt av verdi helium. Disse fire attributt-verdi-parene er nok til å visualisere ballongen min, til høyre?

Det er ganske mye hvordan JSON fungerer når det overfører data over Internett.

Hva bra er JSON?

JSON var ikke den første til å benytte attributtverdipar som en måte å overføre data over Internett. Teknikkunnige blant dere kan legge merke til at det høres veldig ut som XML. Vel, som det viser seg, utfører JSON og XML mange av de samme oppgavene. Så hvorfor velge JSON over XML?

I dagens web, asynkron lasting av data er viktig. Med andre ord, websider vil kunne laste inn nye data uten å oppdatere hele siden for å få den. Dette resulterer i en jevnere og gunstigere nettleseropplevelse. JSON er flott for å sende og motta asynkron data fordi den er enkel og enkel å bruke.

Men XML gjør det samme! Så hvorfor foretrekker noen mennesker JSON?

Et svar på det spørsmålet finnes i JSONs navn: JavaScript Objekt Notation. Det er anerkjent innfødt av JavaScript, som er et av de mest populære språkene i verden. Siden JSON er en delmengde av JavaScript, er det veldig lite ekstra læring du må gjøre når du vet JavaScript.

En annen grunn er at JSON er mer lesbar enn XML. Visst, det er lett å bli vant til XML når du har brukt det en stund, men det kan være overveldende med alle tagger og verbositet å se på en XML-fil. JSON er renere, lettere for nybegynnere å forstå, og ganske fleksibel med sine grunnleggende datatyper.

Se hva JSONs skapere har å si om denne sammenligningen over på deres JSON vs XML-side.

Hva ser JSON ut?

JSON er bare en serie av attributt-verdi par som kan være nestet i seg selv når det er nødvendig. Hvis for eksempel datobjektet vår var en person, kunne den personen bli representert av følgende JSON-data:

Hver linje starter med en Egenskap etterfulgt av et kolon, deretter verdi for det attributtet. Den verdien kan også være en matrise, sett med “telefonnummer” attributt over. Verdien kan også være en serie med flere attributtverdier, som du kan se i aksjon med “adresse” Egenskap. Dette kalles en gjenstand.

Til sammenligning er de samme dataene representert av XML:

Konklusjon

JSON er bare en måte å representere dataobjekter når de overføres over Internett. Det er et alternativ til XML som er innfødt i JavaScript, noe som er en grunn til at den er så populær og utbredt. Den vanligste bruken for JSON er å trekke data fra webservere på forespørsel.

Forhåpentligvis har du nå en bedre forståelse av JSON og hvordan den brukes i webutvikling. For videre læring er JSON-siden på MDN et flott sted å starte.

Image Credits: JSON forstørret Via Shutterstock

Utforsk mer om: Programmering, Webutvikling.