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-etiketter Enhver skribent bør vite For å være markedsførbar og fleksibel på nettet, må du bare vite hvordan du skal formatere en fullstendig 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 Them Alle! JQuery opplæring (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 en nettside for å 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 Object Notation . Det er et åpent standardformat som gjør at data kan overføres over nettet ved hjelp av attributtverdipar . 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 ballongens attributter, som vil tillate deg å gjenskape den samme eksakte ballongen uten å faktisk sende den fysiske ballongen.
Min ballong kan ha en materiell egenskap av verdi gummi . Det kan ha et fargeattributt av verdi rødt . Det kan ha en diameterattributt på verdi ti tommer . Det kan ha et gassattributt av verdi helium . Disse fire attributtverdiene er nok til å visualisere ballongen min, ikke sant?
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 er asynkron lasting av data 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?
Ett svar på det spørsmålet finnes i JSONs navn: JavaScript Object 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 et attributt etterfulgt av et kolon, deretter verdien for det attributtet. Den verdien kan også være en matrise, sett med "phoneNumbers" -attributtet ovenfor. Verdien kan også være en serie med flere attributtverdier, som du kan se i aksjon med "adresse" attributtet. Dette kalles et objekt .
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