Wat is JSON? Het overzicht van A Layman

Ben je verstrikt in de nieuwste webtechnologieën? Kennis van HTML, niet alleen voor ontwikkelaars: 7 HTML-tags Elke schrijver moet weten, niet alleen voor ontwikkelaars: 7 HTML-tags Elke schrijver moet weten Om online verhandelbaar en flexibel te zijn, moet je alleen weten hoe een volledig HTML-artikel moet worden opgemaakt, of hoe tweak dingen. Meer lezen is essentieel als je verder wilt gaan dan eenvoudige webactiviteiten zoals bladeren en posten op forums. Dan zijn er meer gevorderde onderwerpen, zoals CSS (lees hier meer 5 Baby Stappen om CSS te leren en een Kick-Ass te worden. CSS Sorcerer 5 Baby Stappen om CSS te leren en een Kick-Ass te worden CSS Sorcerer CSS is de allerbelangrijkste verandering die webpagina's hebben gezien in het laatste decennium, en het maakte de weg vrij voor de scheiding van stijl en inhoud. Op de moderne manier definieert XHTML de semantische structuur ... Lees Meer), AJAX (lees hier meer jQuery Tutorial (Deel 5): AJAX Them All! jQuery-zelfstudie (deel 5): AJAX allemaal! Naarmate we aan het einde van onze jQuery mini-tutorial-serie komen, wordt het tijd dat we een diepgaander blik werpen op een van de meest gebruikte functies van jQuery. AJAX laat een website toe om communiceren met ... Lees meer) en JSON.

Of u nu een webontwikkelaar wilt zijn of niet, het is een goed idee om op zijn minst te weten wat JSON is, waarom het belangrijk is en waarom het vandaag overal op internet wordt gebruikt..

Wat is JSON?

JSON staat voor JavaScript-objectnotatie. Het is een open standaardindeling waarmee gegevens via internet kunnen worden overgedragen via attribuut-waarde paren. Dat klinkt misschien een beetje verwarrend, dus laten we daar nog een beetje meer over vertellen.

Laten we zeggen dat ik een ballon heb en je mijn ballon wilt. Een manier om dat te bewerkstelligen, is om de ballon daadwerkelijk in te pakken en per post naar u op te sturen. Maar een alternatieve methode zou het beschrijven van de attributen van mijn ballon, waarmee je dezelfde exacte ballon kunt recreëren zonder de fysieke ballon daadwerkelijk te hoeven sturen.

Mijn ballon heeft misschien een materiaal attribuut van waarde rubber. Het heeft misschien een kleur attribuut van waarde rood. Het heeft misschien een diameter attribuut van waarde tien centimeter. Het heeft misschien een gas- attribuut van waarde helium. Die vier attribuut-waardeparen zijn genoeg voor u om mijn ballon te visualiseren, juist?

Dat is ongeveer hoe JSON werkt wanneer het gegevens over het internet verzendt.

Wat goed is JSON?

JSON was niet de eerste die attribuut-waardeparen gebruikte als een manier om gegevens over het internet over te zetten. De technisch onderlegde onder u merkt misschien dat het heel veel klinkt als XML. Nou, zo blijkt, dat JSON en XML veel van dezelfde taken uitvoeren. Dus waarom kiezen voor JSON via XML?

In het web van vandaag, asynchrone het laden van gegevens is belangrijk. Met andere woorden, webpagina's willen nieuwe gegevens kunnen laden zonder de hele pagina te moeten vernieuwen om deze te krijgen. Dit resulteert in een soepeler en gunstiger browse-ervaring. JSON is geweldig voor het verzenden en ontvangen van asynchrone gegevens, omdat het eenvoudig en gebruiksvriendelijk is.

Maar XML doet hetzelfde! Dus waarom kiezen sommige mensen voor JSON??

Eén antwoord op die vraag is te vinden in JSON's naam: JavaScript-objectnotatie. Het wordt standaard herkend door JavaScript, een van de populairste talen ter wereld. Omdat JSON een subset van JavaScript is, is er weinig extra geleerd dat u hoeft te doen als u JavaScript eenmaal kent.

Een andere reden is dat JSON beter leesbaar is dan XML. Natuurlijk is het gemakkelijk om aan XML te wennen wanneer je het een tijdje hebt gebruikt, maar een blik op een XML-bestand kan overweldigend zijn met al zijn tags en breedsprakigheid. JSON is schoner, gemakkelijker voor beginners om te begrijpen, en vrij flexibel met zijn basistypen van gegevens.

Bekijk wat JSON's makers te zeggen hebben over deze vergelijking op hun JSON vs. XML-pagina.

Hoe ziet JSON eruit??

JSON is slechts een reeks attribuut-waardeparen die indien nodig in zichzelf kunnen worden genest. Als ons gegevensobject bijvoorbeeld een persoon was, zou die persoon kunnen worden vertegenwoordigd door de volgende JSON-gegevens:

Elke regel begint met een attribuut gevolgd door een dubbele punt, dan de waarde voor dat attribuut. Die waarde kan ook een array zijn, zoals gezien met de “telefoonnummers” attribute hierboven. De waarde kan ook een reeks meer attribuut-waardeparen zijn, die u in actie kunt zien met de “adres” attribuut. Dit wordt een voorwerp.

Ter vergelijking: hier zijn dezelfde gegevens die worden weergegeven door XML:

Conclusie

JSON is slechts een manier om data-objecten te representeren wanneer ze over het internet worden verzonden. Het is een alternatief voor XML dat native is voor JavaScript, en dat is een reden waarom het zo populair en wijdverspreid is. Het meest gebruikte gebruik voor JSON is het ophalen van gegevens van webservers op aanvraag.

Hopelijk heb je nu een beter begrip van JSON en hoe het wordt gebruikt in webontwikkeling. Om verder te leren, is de JSON-pagina op MDN een geweldige plek om te beginnen.

Beeldcredits: JSON vergroot via Shutterstock

Ontdek meer over: Programmering, Webontwikkeling.