Wat is JSON?
JSON staan vir J ava S krip O bject N otation
JSON is 'n liggewig-formaat vir die stoor en vervoer van data
JSON word dikwels gebruik wanneer data vanaf 'n bediener na 'n webblad gestuur word
JSON is "selfbeskrywend" en maklik om te verstaan
JSON voorbeeld
Hierdie voorbeeld definieer 'n werknemersobjek: 'n verskeidenheid van 3 werknemerrekords (objekte):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON-sintaksisreëls
- Data is in naam/waarde-pare
- Data word deur kommas geskei
- Krullerige draadjies hou voorwerpe vas
- Vierkante hakies hou skikkings
JavaScript-objeknotasie
Die JSON-formaat is sintakties identies aan die kode vir die skep van JavaScript-objekte.
As gevolg van hierdie ooreenkoms kan 'n JavaScript-program maklik JSON-data in inheemse JavaScript-objekte omskakel.
Die JSON-sintaksis is afgelei van JavaScript-objeknotasie-sintaksis, maar die JSON-formaat is slegs teks. Kode vir die lees en generering van JSON-data kan in enige programmeertaal geskryf word.
JSON Data - 'n Naam en 'n waarde
JSON-data word geskryf as naam/waarde-pare, net soos JavaScript-objek-eienskappe.
'n Naam/waarde-paar bestaan uit 'n veldnaam (in dubbele aanhalingstekens), gevolg deur 'n dubbelpunt, gevolg deur 'n waarde:
"firstName":"John"
JSON-name vereis dubbele aanhalingstekens. JavaScript name nie.
JSON-voorwerpe
JSON-voorwerpe word binne krullerige hakies geskryf.
Net soos in JavaScript, kan voorwerpe veelvuldige naam/waarde-pare bevat:
{"firstName":"John", "lastName":"Doe"}
JSON-skikkings
JSON-skikkings word binne vierkantige hakies geskryf.
Net soos in JavaScript, kan 'n skikking voorwerpe bevat:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
In die voorbeeld hierbo is die objek "werknemers" 'n skikking. Dit bevat drie voorwerpe.
Elke voorwerp is 'n rekord van 'n persoon (met 'n voornaam en 'n van).
Omskakeling van 'n JSON-teks na 'n JavaScript-objek
'n Algemene gebruik van JSON is om data vanaf 'n webbediener te lees en die data in 'n webbladsy te vertoon.
Vir eenvoud kan dit gedemonstreer word deur 'n string as invoer te gebruik.
Skep eers 'n JavaScript-string wat JSON-sintaksis bevat:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Gebruik dan die JavaScript ingeboude funksie JSON.parse() om die string in 'n JavaScript-objek om te skakel:
var obj = JSON.parse(text);
Ten slotte, gebruik die nuwe JavaScript-objek in jou bladsy:
Voorbeeld
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Volledige JSON-tutoriaal
Dit was 'n kort beskrywing van JSON.
Gaan na W3Schools JSON-tutoriaal vir 'n volledige JSON-tutoriaal .