Ano si JSON? Alamin kung paano ito gumagana sa Mga Halimbawa

Ang Extensible Markup Language (XML) ay itinuturing na tanging pagpipilian para sa bukas na pagpapalitan ng data. Gayunpaman, ang mga pagpapaunlad sa bukas na pagbabahagi ng data ay gumawa ng maraming mga pagpipilian para sa . Kaya, pasok tayo sa lalim ng Ano ang JSON at paano ito naiiba mula sa JavaScript sa sumusunod na pagkakasunud-sunod:

• Ano si JSON?
• Bakit natin ginagamit ang JSON?
• JSON vs XML
• Mga Panuntunan sa Syntax
• Mga Batayan ng JSON
• I-convert ang JSON Object sa JS Text

Ano si JSON?

Notasyon ng Bagay na JavaScript ( Si JSON ) ay isang paraan ng pag-iimbak ng impormasyon sa isang maayos at madaling pamamaraan. Ang data ay dapat na nasa anyo ng isang teksto kapag nakikipagpalitan sa pagitan ng isang browser at isang server. Maaari mong i-convert ang anumang Object ng JavaScript sa Si JSON at ipadala si JSON sa server.

Maaari mo ring mai-convert ang anumang natanggap na JSON mula sa server mga bagay Nakakatulong ito sa pagtatrabaho sa data bilang mga object ng JavaScript, na walang kumplikadong pag-parse at mga pagsasalin.

Ngayong alam mo na kung ano ang JSON, magpatuloy tayo at tingnan kung bakit kailangan natin itong gamitin at kung ano ang magkakaibang bentahe ng paggamit ng JSON.

Bakit natin ginagamit ang JSON?

Si JSON ay magaan at madaling gamitin kung ihahambing sa iba pang mga bukas na pagpipilian ng pagpapalit ng data. Gayunpaman, hindi lamang iyon ang dahilan kung bakit mo ito dapat gamitin para sa iyong pagsasama sa API. Mas gusto ito kaysa sa iba pang mga pagpipilian dahil sa mga sumusunod na kalamangan:

Hindi gaanong Verbose - Mayroon itong higit pa compact style kung ihahambing sa XML. Ginagawa nitong mas madaling mabasa. Ang magaan paglapit ng Si JSON maaaring gumawa ng mga makabuluhang pagpapabuti habang nagtatrabaho sa mga kumplikadong system.

Mas mabilis - Ang proseso ng pag-parse ng XML software ay mas mabagal kaysa sa JSON. Ito ay dahil ang mga aklatan ng pagmamanipula ng DOM ay nangangailangan ng higit na memorya upang mahawakan ang malalaking mga file ng XML. Si JSON , sa kabilang banda, ay gumagamit mas kaunting data na binabawasan ang gastos at nagdaragdag ng bilis ng pag-parse .

Nababasa - Ang istraktura ng JSON ay deretso at madaling mabasa . Mayroon kang isang mas madaling oras sa pagmamapa sa mga object ng domain anuman ang wika ng programa na iyong ginagawa.

Nakaayos na Data - Gumagamit si JSON ng a istraktura ng data ng mapa samantalang ang XML ay may istraktura ng puno. Maaaring limitahan ng mga pares ng susi o halaga ang iyong gawain, ngunit nakakakuha ka ng isang mahuhulaan at madaling maunawaan na modelo ng data.

JSON vs XML

Pareho XML at JSON ay malawakang ginagamit ngayon. Sila ay ginamit bilang ang mga format ng pagpapalitan ng data at pareho ay pinagtibay ng mga application bilang isang paraan upang mag-imbak ng nakabalangkas na data. Tingnan natin ang mga pagkakaiba sa pagitan ng dalawa:

Halimbawa ni JSON-

pag-uri-uriin ang array sa c ++

{'employees': [{'name': 'Lisa', 'email': 'lisa101@xyz.com'}, {'name': 'Neil', 'email': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}

XML Halimbawa-

Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com

Mga Panuntunan sa Syntax

Ang Si JSON ang syntax ay a subset ng JavaScript syntax Ang syntax ay nagmula sa syntax ng notasyon ng object ng JavaScript at binubuo ng mga sumusunod na panuntunan:

• Ang data ay nakasulat sa pangalan o halaga pares
• Ang data ay hiwalay sa pamamagitan ng mga kuwit.
• Kulot braces hawakan ang mga bagay
• Mga square bracket hawakan ang arrays

Ang format na JSON ay halos kapareho ng mga object ng JavaScript. Dito, ang mga susi ay dapat na mga string, nakasulat na may dobleng mga quote tulad ng:

{'name': 'Susan'}

Mga Batayan ng JSON

Sa Si JSON , halaga dapat isa sa mga sumusunod na uri ng data:

• String
• Bilang
• Bagay (object ng JSON)
• Mga array
• Boolean
• Wala

String

Sa Si JSON , ang mga susi ay dapat na mga string, nakasulat na may dobleng mga quote:

{'name': 'Mary'}

Sa JavaScript , ang mga key ay maaaring mga string, numero, o identifier na pangalan:

{pangalan: 'Mary'}

Mga Bagay

Ang mga bagay na JSON ay napapaligiran ng mga kulot na brace {}. Ang mga ito ay nakasulat sa mga pares ng key o halaga sa sumusunod na paraan:

{'name': 'Lisa', 'age': 23, 'car': BMW}

Mga array

Ang mga array sa JSON ay halos kapareho ng mga array sa JavaScript. Sa JSON, ang mga halaga ng array ay uri ng string, numero, object, array, boolean o null. Sapagkat, sa JavaScript, ang mga halaga ng array ay maaaring lahat ng nasa itaas, kasama ang anumang iba pang wastong ekspresyon ng JavaScript, kabilang ang mga pagpapaandar, petsa, at hindi natukoy.

Ang mga array sa JSON ay maaaring mga halaga ng isang pag-aari ng object. Ito ay tinukoy bilang:

{'name': 'Lisa', 'age': 23, 'car': ['Ford', 'BMW', 'Fiat']}

I-convert ang JSON Object sa JavaSCript Text

Karaniwang nakasanayan na ang JSON basahin ang datos galing sa web server at ipakita ang data sa isang web page. Maaari rin itong maipakita gamit ang isang string bilang input.

Kumuha tayo ng isang halimbawa at tingnan kung paano maaaring mai-convert ang object ng JSON sa teksto ng Javascript gamit ang pagpapaandar JSON.parse ():

 
Pag-convert ng JSON Text sa Javascript Object
  JSON Bagay:   Paggamit ng object ng Javascript: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Dito namin binago ang JSON sa object var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). panloobHTML = obj.name + ', kasama ang empleyado id' + obj.employeeID + ', at edad' + obj.age document.getElementById ('halimbawa'). innerHTML = jsonobj

Gagawin nitong mga teksto ang mga bagay at ibibigay ang mga sumusunod Paglabas :

Sa pamamagitan nito, napunta kami sa dulo ng aming artikulo. Inaasahan kong naintindihan mo kung ano ang JSON at bakit kailangan natin itong gamitin.

Ngayong alam mo na kung ano ang JSON, tingnan ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay sa Pag-unlad ng Web na Alamin kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'Ano ang JSON?' at babalikan ka namin.