Vad är JSON? En Laymans översikt

Är du upptagen med den senaste webbtekniken? Kunskap om HTML inte bara för utvecklare: 7 HTML-etiketter Enhver författare borde veta inte bara för utvecklare: 7 HTML-etiketter Enhver författare borde veta att vara marknadsförbar och flexibel online, du behöver bara veta hur man formaterar en fullständig HTML-artikel eller hur man tweak saker. Läs mer är ganska viktigt om du vill gå utöver enkla webbaktiviteter som att bläddra och posta på forum. Då finns det mer avancerade ämnen, som CSS (läs mer här 5 Babysteg för att lära CSS och bli en Kick-Ass CSS Sorcerer 5 Babysteg för att lära CSS och bli en Kick-Ass CSS Sorcerer CSS är de viktigaste förändringswebbsidorna sedd under det senaste decenniet, och det banade vägen för separation av stil och innehåll. På det moderna sättet definierar XHTML den semantiska strukturen ... Läs mer), AJAX (läs mer här jQuery Handledning (del 5): AJAX dem alla! jQuery-handledning (del 5): AJAX dem alla! När vi är i slutet av vår jQuery mini-tutorial-serie är det dags att ta en djupare titt på en av de mest använda funktionerna i jQuery. AJAX tillåter en webbplats att kommunicera med ... Läs mer) och JSON.

Oavsett om du planerar att vara webbutvecklare eller inte, är det en bra idé att åtminstone veta vad som är JSON, varför det är viktigt och varför det används över hela världen idag.

Vad är JSON?

JSON står för JavaScript Objekt Notation. Det är ett öppet standardformat som låter data överföras över webben genom att använda attributvärdespar. Det kanske låter lite förvirrande, så låt oss dyka in lite mer.

Låt oss säga att jag har en ballong och du vill ha min ballong. Ett sätt att få det att hända skulle vara att faktiskt packa upp ballongen och skicka den till dig via post. Men en alternativ metod skulle vara att beskriva för dig attribut av min ballong, vilket skulle göra det möjligt för dig att återskapa samma exakta ballong utan att behöva skicka den fysiska ballongen.

Min ballong kan ha en material attribut av värde gummi-. Det kan ha en Färg attribut av värde röd. Det kan ha en diameter attribut av värde tio tum. Det kan ha en gas attribut av värde helium. Dessa fyra attributvärdespar är tillräckligt för att du ska visualisera min ballong, rätt?

Det är ganska mycket hur JSON fungerar när det överför data över Internet.

Vad bra är JSON?

JSON var inte den första som använde attributvärdespar som ett sätt att överföra data via Internet. Den tekniskt kunniga bland dig kanske märker att det låter väldigt mycket som XML. Tja, som det visar sig, utför JSON och XML många av samma uppgifter. Så varför välja JSON över XML?

I dagens webbsida, asynkron lastning av data är viktigt. Med andra ord vill webbsidor kunna ladda nya data utan att behöva uppdatera hela sidan för att få den. Detta resulterar i en mjukare och mer gynnsam webbläsarupplevelse. JSON är utmärkt för att skicka och ta emot asynkron data eftersom det är enkelt och enkelt att använda.

Men XML gör detsamma! Så varför föredrar vissa människor JSON?

Ett svar på den frågan finns i JSON: s namn: JavaScript Objekt Notation. Det är erkänt nationellt av JavaScript, vilket är ett av de mest populära språken i världen. Eftersom JSON är en delmängd av JavaScript, är det väldigt lite extra lärande du behöver göra när du känner till JavaScript.

En annan anledning är att JSON är mer läsbar än XML. Visst, det är lätt att vänja sig på XML när du har använt det för ett tag, men titta på en XML-fil kan vara överväldigande med alla dess taggar och verbositet. JSON är renare, lättare för nybörjare att förstå, och ganska flexibla med sina grundläggande datatyper.

Se vad JSONs skapare har att säga om denna jämförelse över på deras JSON vs XML-sida.

Vad ser JSON ut?

JSON är bara en serie av attributvärdespar som kan nästas inuti sig när det behövs. Om vårt dataobjekt exempelvis var en person kan den personen representeras av följande JSON-data:

Varje rad börjar med en attribut följt av en kolon, då värde för att attributet. Det värdet kan också vara en matris, som ses med “telefonnummer” attribut ovan. Värdet kan också vara en serie fler attributvärdespar, som du kan se i handling med “adress” attribut. Detta kallas en objekt.

För jämförelse är här samma data som representeras av XML:

Slutsats

JSON är bara ett sätt att representera dataobjekt när de överför dem via Internet. Det är ett alternativ till XML som är infödd i JavaScript, vilket är en anledning till att den är så populär och utbredd. Den vanligaste användningen för JSON är att dra data från webbservrar på begäran.

Förhoppningsvis har du nu en bättre förståelse för JSON och hur den används i webbutveckling. För vidare inlärning är JSON-sidan på MDN ett bra ställe att börja.

Bildkrediter: JSON Magnified Via Shutterstock

Utforska mer om: Programmering, webbutveckling.