JSON-handleiding: leer het aan de hand van een eenvoudig voorbeeld

Nu de definitie duidelijk is, wordt in het volgende gedeelte uitgelegd waarom ontwikkelaars voor JSON kiezen in plaats van andere dataformaten.

Waarom JSON gebruiken?

Hier zijn de belangrijke voordelen/voordelen van het gebruik van JSON:

• Bied ondersteuning voor alle browsers
• Gemakkelijk te lezen en te schrijven
• Duidelijke syntaxis
• U kunt native parseren JavaScript met behulp van de eval()-functie
• Gemakkelijk te maken en te manipuleren
• Ondersteund door alle grote JavaScript-frameworks
• Ondersteund door de meeste backend-technologieën
• JSON wordt native herkend door JavaScript
• Hiermee kunt u transmit en gestructureerde gegevens serialiseren met behulp van een netwerkverbinding.
• Je kunt het gebruiken met moderne programmeertalen.
• JSON is tekst die kan worden geconverteerd naar elk object JavaZet het script om in JSON en stuur deze JSON naar de server.

Geschiedenis van JSON

Hier zijn belangrijke oriëntatiepunten die de geschiedenis van JSON vormen:

• Douglas Crockford specificeerde begin jaren 2000 het JSON-formaat.
• De officiële website werd gelanceerd in 2002.
• In december 2005 lanceerde Yahoo! begint een aantal van zijn webservices in JSON aan te bieden.
• JSON werd in 2013 een internationale ECMA-standaard.
• De meest bijgewerkte JSON-formaatstandaard werd in 2017 gepubliceerd.

Naast deze tijdlijn biedt JSON ook een aantal praktische functies die de blijvende populariteit ervan verklaren.

Kenmerken van JSON

Makkelijk te gebruiken – JSON API biedt gevel op hoog niveau, waarmee u veelgebruikte use-cases kunt vereenvoudigen.

Prestaties – JSON is vrij snel omdat het zeer minder geheugenruimte in beslag neemt, wat vooral geschikt is voor grote objectgrafieken of -systemen.

gratis tool – JSON-bibliotheek is open source en gratis te gebruiken.

Het is niet nodig om een ​​kaart te maken.ping – De Jackson API biedt een standaardkaart.ping voor het serialiseren van veel objecten.

Schone JSON – Creëert een schoon en compatibel JSON-resultaat dat gemakkelijk te lezen is.

Afhankelijkheid – De JSON-bibliotheek heeft geen andere bibliotheek nodig voor verwerking.

Regels voor JSON-syntaxis

Regels voor JSON-syntaxis zijn:

• Gegevens moeten in naam/waarde-paren staan
• Gegevens moeten worden gescheiden door komma's
• Accolades moeten voorwerpen vasthouden
• Vierkante haken bevatten arrays

Gegevenstypen in JSON

Nu de syntaxisregels zijn vastgesteld, geeft de volgende tabel een overzicht van de belangrijkste gegevenstypen die in JSON worden gebruikt:

Telefoon Nummer

• Het getal is een zwevendekomma-indeling met dubbele precisie, die afhankelijk is van de implementatiemethode.
• In JSON kun je geen hexadecimale en octale formaten gebruiken.

De volgende tabel geeft de nummertypen weer:

Syntax:

var json-object-name = { string : number_value,......}

Voorbeeld:

var obj = {salary: 2600}

Draad

Het is een reeks Unicode-tekens tussen dubbele aanhalingstekens met een backslash.ping.

De volgende tabel toont verschillende soorten tekenreeksen:

Syntax:

var json-object-name = { string : "string value",…..}

Voorbeeld:

var obj = {name: 'Andy'}

Boolean

Het slaat alleen echte of valse waarden op.

Syntax:

var json-object-name = {string : true/false, …..}

Voorbeeld:

var obj = {active: 'true'}

reeks

• Het is een geordende verzameling waarden.
• U moet een array gebruiken als de sleutelnamen opeenvolgende gehele getallen zijn.
• Het moet tussen vierkante haken worden geplaatst, gescheiden door een ',' (komma)

Syntax:

[value, .......]

Voorbeeld:

Een array weergeven waarin meerdere objecten zijn opgeslagen:

{
   "eBooks":[
      {
         "language":"Pascal",
         "edition":"third"
      },
      {
         "language":"Python",
         "edition":"four"
      },
      {
         "language":"SQL",
         "edition":"second"
      }
   ]
}

{ string :  value, ….. }

{
"id": 110,
"language": "Python",
"price": 1900,
}

Witte ruimte

U kunt witruimte tussen een paar tokens invoegen.

Voorbeeld:

Syntax:

{string:"    ",….}

Voorbeeld:

var a = " Alex"; var b = "Steve";

Voorbeeld van JSON

Het gegeven codevoorbeeld definieert hoe JSON moet worden gebruikt om informatie op te slaan die verband houdt met programmeerboeken samen met de naam van de editie en de auteur.

{
   "book":[
      {
         "id":"444",
         "language":"C",
         "edition":"First",
         "author":"Dennis Ritchie "
      },
      {
         "id":"555",
         "language":"C++",
         "edition":"second",
         "author":" Bjarne Stroustrup "
      }
   ]
}

Laten we het JSON-formaat begrijpen met een ander JSON-bestandsvoorbeeld. Hier definieert JSON de voornaam, achternaam en id van een student.

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

Toepassing van JSON

Hier zijn enkele veelvoorkomende toepassingen van JSON:

• Helpt u bij het overbrengen van gegevens van een server
• Het voorbeeld van het JSON-bestandsformaat helpt bij transmit en alle soorten gestructureerde data serialiseren.
• Hiermee kunt u asynchrone gegevensoproepen uitvoeren zonder dat u de pagina hoeft te vernieuwen
• Helpt je daarbij transmit Gegevensuitwisseling tussen een server en webapplicaties.
• Het wordt veel gebruikt voor JavaScriptgebaseerde applicatie, die browserextensies en websites omvat.
• Je kan transmit Gegevensuitwisseling tussen de server en de webapplicatie verloopt via JSON.
• We kunnen JSON gebruiken met moderne programmeertalen.
• Het wordt gebruikt om te schrijven JavaScriptgebaseerde applicaties die browser-add-ons bevatten.
• Webservices en Restful API's gebruiken het JSON-formaat om openbare gegevens te verkrijgen.

Omdat JSON zo wijdverbreid is, wordt het vaak vergeleken met XML, het formaat dat het regelmatig vervangt.

JSON versus XML

Hier is het belangrijkste verschil tussen JSON en XML

JSON-voorbeeld

Hieronder ziet u een eenvoudig JSON-voorbeeld:

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

XML-voorbeeld

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<student>
		<id>01</id>
		<name>Tom</name>
		<lastname>Price</lastname>
	</student>
	<student>
		<id>02</id>
		<name>Nick</name>
		<lastname>Thameson</lastname>
	</student>
</root>

Wat is JSON niet?

• Voorbeeld van een JSON-gegevensbestand is geen documentindeling.
• Het is geen opmaaktaal.
• JSON biedt geen algemeen serialisatieformaat.
• Het zijn geen terugkerende of cyclische structuren.
• Het is ook geen onzichtbare structuur.

Nadelen van JSON

Hier zijn enkele voordelen van JSON:

• Geen ondersteuning voor naamruimte, vandaar slechte uitbreidbaarheid
• Beperkt Ontwikkelingshulpmiddelen ondersteuning
• Geen ondersteuning voor formele grammaticadefinitie

Populaire JSON-tools (add-ons)

Hier zijn belangrijke JSON-tools:

JSONLint:

JSONLint is een open-source project dat wordt gebruikt als validator en herformatter voor JSON. Het is een lichtgewicht data-uitwisselingsformaat. Kopiëren en plakken, direct typen of invoeren is mogelijk. URL Gebruik de JSON-validator om uw JSON-code te valideren.

Link: https://jsonlint.com

JSON-editor online:

JSON Editor Online is een handige webgebaseerde tool. Hiermee kunt u JSON bewerken, bekijken en opmaken. Het toont uw gegevens naast elkaar in een duidelijk, bewerkbaar formaat code-editorsoftware.

Link: https://jsoneditoronline.org/

JSON Minifier-tool:

Het is een tool die je helpt witruimtes te verwijderen en een JSON-code geeft die de minste ruimte in beslag neemt.

Link: https://www.browserling.com/tools/json-minify

JSON naar XML-converter:

JSON naar XML-converter is een eenvoudige en effectieve tool waarmee u uw JSON-code kunt converteren.

Link: https://codebeautify.org/jsontoxml

JSON-formatter:

JSON-formatter helpt u het probleem op te lossen door de JSON-gegevens zo te formatteren dat deze gemakkelijk door een mens kunnen worden gelezen en gedebugd.

Link: https://jsonformatter.curiousconcept.com/

Veelgestelde vragen