JavaScript JSON
JSON is 'n formaat vir die stoor en vervoer van data.
JSON word dikwels gebruik wanneer data vanaf 'n bediener na 'n webblad gestuur word.
Wat is JSON?
- JSON staan vir J ava S krip O bject N otation
- JSON is 'n liggewig data-uitruilformaat
- JSON is taalonafhanklik *
- JSON is "selfbeskrywend" en maklik om te verstaan
* 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 voorbeeld
Hierdie JSON-sintaksis definieer 'n werknemersobjek: 'n verskeidenheid van 3 werknemerrekords (objekte):
JSON voorbeeld
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Die JSON-formaat evalueer na JavaScript-voorwerpe
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.
JSON-sintaksisreëls
- Data is in naam/waarde-pare
- Data word deur kommas geskei
- Krullerige draadjies hou voorwerpe vas
- Vierkante hakies hou skikkings
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 op 'n webblad te vertoon.
Vir eenvoud kan dit gedemonstreer word deur 'n string as invoer te gebruik.
Skep eers 'n JavaScript-string wat JSON-sintaksis bevat:
let 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:
const 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>
Jy kan meer oor JSON lees in ons JSON-tutoriaal .