Mfumo wa server wa JSON

matumizi ya JSON ya kawaida ni kusaidia kusaidia kuhifadhi data kati ya mfwili na mfwili wa Web

wakati unapokea data kutoka kwa mfwili, data inaingia kama stringi

kutumia JSON.parse() kutafsiri data, data itakuwa kiwango cha JavaScript

kusikia Data

hatau ya kwamba unahifadhi data katika kiwango cha JavaScript, wewe unaweza kubadilisha kiwango kwa JSON na kusikia kwa mfwili

Mifano

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Jifunze kwa mwenyewe

pata Data

hatau ya kwamba unapokea data ya muundo wa JSON, wewe unaweza kubadilisha bila kawaida kuwa kiwango cha JavaScript

Mifano

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Jifunze kwa mwenyewe

JSON kutoka kwa mfwili

wewe unaweza kutumia AJAX kumwambia mfwili kuandika JSON

hatau ya kwamba matokeo ya mfwili yanaandikwa katika muundo wa JSON, wewe unaweza kubadilisha stringi kuwa kiwango cha JavaScript

Mifano

kutumia XMLHttpRequest kwa kumpata data kutoka kwa mfwili

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

Jifunze kwa mwenyewe

Tazama:json.txt

JSON ya mafanikio ya jumla

Kutumia JSON kwenye mafanikio ya jumla JSON.parse() wakati hii inaona mafanikio ya JavaScript kama jumla ya matukio, bila ya kuharibika jumla ya matukio ya JavaScript.

Mifano

Kutumia JSON kutoka mtaalamu kwa uwanja wa mazingira wa mafanikio:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

Jifunze kwa mwenyewe

Tazama:json_array.txt