JSON Server

JSON-ning keng tarqalgan qo'llanilishi veb-server bilan ma'lumot almashishdir.

Veb-serverdan ma'lumot qabul qilinganda, ma'lumot har doim matn (string) ko'rinishida bo'ladi. Ma'lumotni JSON.parse() yordamida tahlil qiling va u JavaScript obyektiga aylanadi.

---

Ma'lumot yuborish

Agar sizda JavaScript obyektida ma'lumotlar bo'lsa, obyektni JSON-ga aylantirib, uni serverga yuborishingiz mumkin:

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

---

Ma'lumot qabul qilish

Agar siz JSON formatida ma'lumot qabul qilsangiz, uni osongina JavaScript obyektiga aylantirishingiz mumkin:

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

---

Serverdan JSON qabul qilish (AJAX)

Serverdan JSON ma'lumotlarini AJAX so'rovi yordamida so'rashingiz mumkin. Serverdan kelgan javob JSON formatida bo'lsa, siz matnni JavaScript obyektiga tahlil qilishingiz (parse) mumkin.

Misol: XMLHttpRequest yordamida ma'lumot olish

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()

---

JSON-dagi massiv (Array)

Serverdan massiv ko'rinishida kelgan JSON-ni tahlil qilganda, JSON.parse() JavaScript obyekti o'rniga JavaScript massivini qaytaradi.

Misol: Serverdan massiv sifatida kelgan JSON

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()