Ä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 Them Allt! JQuery-handledning (del 5): AJAX dem alla! När vi närmar oss slutet av vår jQuery mini-tutorial-serie är det dags att vi tog en djupare titt på en av de mest använda funktionerna i jQuery. AJAX tillåter en webbplats för 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 Object 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 mina ballons attribut, vilket gör att du kan återskapa samma exakta ballong utan att behöva skicka den fysiska ballongen.
Min ballong kan ha en materiell egenskap av värde gummi . Det kan ha en färgattribut av värdet rött . Det kan ha en diameter attribut på värdet tio tum . Det kan ha ett gasattribut av värde helium . Dessa fyra attributvärdespar är tillräckligt för att du ska visualisera min ballong, eller hur?
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 webb är asynkron lastning av data viktig. 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 Object 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.
Hur 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 ett attribut följt av ett kolon, sedan värdet för det attributet. Det värdet kan också vara en matris, som ses med attributet "phoneNumbers" ovan. Värdet kan också vara en serie fler attributvärdespar, som du kan se i handling med attributet "adress". Detta kallas ett 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