JSON-bediener
'n Algemene gebruik van JSON is om data na/van 'n webbediener uit te ruil.
Wanneer data vanaf 'n webbediener ontvang word, is die data altyd 'n string.
Ontleed die data met JSON.parse()
, en die data word 'n JavaScript-objek.
Stuur data
As jy data in 'n JavaScript-objek gestoor het, kan jy die voorwerp in JSON omskakel en dit na 'n bediener stuur:
Voorbeeld
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
Ontvangs van data
As jy data in JSON-formaat ontvang, kan jy dit maklik omskep in 'n JavaScript-objek:
Voorbeeld
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
JSON vanaf 'n bediener
U kan JSON vanaf die bediener versoek deur 'n AJAX-versoek te gebruik
Solank die antwoord vanaf die bediener in JSON-formaat geskryf is, kan u die string in 'n JavaScript-objek ontleed.
Voorbeeld
Gebruik die XMLHttpRequest om data van die bediener af te kry:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.send();
Kyk bietjie na json_demo.txt
Skikking as JSON
Wanneer die JSON.parse()
on JSON wat van 'n skikking afgelei word gebruik word, sal die metode 'n JavaScript-skikking terugstuur, in plaas van 'n JavaScript-objek.
Voorbeeld
JSON het teruggekeer vanaf 'n bediener as 'n skikking:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
Kyk bietjie na json_demo_array.txt