Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:javascript_json

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

oktatas:web:javascript:javascript_json [2019/08/22 19:54] (aktuális)
admin létrehozva
Sor 1: Sor 1:
 +[[oktatas:​web:​javascript|<​ JavaScript]]
 +
 +====== JSON ======
 +
 +  * **Szerző:​** Sallai András
 +  * Copyright (c) Sallai András, 2013, 2014, 2015, 2017
 +  * Licenc: GNU Free Documentation License 1.3
 +  * Web: http://​szit.hu
 +===== A JSON =====
 +
 +A **JSON** a **JavaScript Object Notation** rövidítése. ​
 +Szöveges szabvány egyszerű adatstruktúrák leképezésére. ​
 +Valójában asszociatív tömböket valósítunk meg.
 +A JavaScript nyelvhez találták ki, de ma már más
 +nyelveken is létezik értelmező. A létrehozás célja
 +volt az **ember számára is olvasható** formátum létrehozása.
 +
 +Ejtése: ​ (/​ˈdʒeɪsɒn/​ jay-soun, /​ˈdʒeɪsən/​ jay-son)
 +
 +
 +A formátumot **Douglas Crockford** írja le. 
 +Az **RFC 4627** szabványban van megadva.
 +
 +Weblap:
 +  * http://​json.org/​
 +  * http://​json.org/​json-hu.html
 +===== Egy JSON objektum =====
 +
 +<code json>
 +{
 +    "​nev":​ "Nagy József"​
 +}
 +</​code>​
 +
 +<code json>
 +{
 +    "​vezetekNev":​ "​Nagy",​
 +    "​keresztNev":​ "​János"​
 +}
 +</​code>​
 +
 +<code json>
 +{
 +    "​janos":​ {
 +        "​nev":​ "Nagy János"​
 +    },
 +    "​lajos":​ {
 +        "​nev":​ "Para Lajos"
 +    },
 +    "​istvan":​ {
 +        "​nev":​ "Erős István"​
 +    }
 +}
 +</​code>​
 +
 +===== JSON példa =====
 +
 +<code json dolgozok.json>​
 +{
 +    "​az":​ 1,
 +    "​nev":​ "Nagy János",​
 +    "​telepules":​ "​Szolnok",​
 +    "​fizetes":​ 850000,
 +    "​vegzettsegek":​ ["​festő","​kőműves"​],​
 +    "​keszsegek":​ { "​nyelvtudas":"​angol",​ "​ugyesseg":​20 }
 +}
 +</​code>​
 +
 +===== JSON példa JavaScriptben =====
 +
 +<code javascript>​
 +var txt = '{ "​dolgozok"​ : [' +
 +'{ "​kerNev":"​Joska"​ , "​vezNev":"​Nagy"​ },' +
 +'{ "​kerNev":"​Andrea"​ , "​vezNev":"​Kovács"​ },' +
 +'{ "​kerNev":"​Lajos"​ , "​vezNev":"​Szabó"​ } ]}';
 +</​code>​
 +
 +Az eval függvény segítségével JavaScript objektummá alakítható.
 +<code javascript>​
 +var obj = eval ("​("​ + txt + "​)"​);​
 +</​code>​
 +
 +Ezt követően le tudom kérdezni az egyes részeit:
 +
 +<code javascript>​
 +document.getElementById("​az"​).innerHTML = obj.dolgozok[1].kerNev;​
 +</​code>​
 +
 +
 +
 +
 +<​html>​
 +<div id="​tesztdoboz"​ style="​border-style:​ solid; border-width:​ 1px; border-color:​ blue; border-radius:​ 5px; padding: 5px; display: inline-block;">​
 +<div id="​doboz"></​div>​
 +Válasszon dolgozó. Dolgozó szám (0-2):<​input type="​text"​ id="​szam"​ size=4><​br>​
 +<button onclick="​mutat()">​Mutat</​button>​
 +
 +<​script>​
 +var txt = '{ "​dolgozok"​ : [' +
 +'{ "​kerNev":"​Joska"​ , "​vezNev":"​Nagy"​ },' +
 +'{ "​kerNev":"​Andrea"​ , "​vezNev":"​Kovács"​ },' +
 +'{ "​kerNev":"​Lajos"​ , "​vezNev":"​Szabó"​ } ]}';
 +
 +var obj = eval ("​("​ + txt + "​)"​);​
 +
 +function mutat()
 +{
 +    var szam = document.getElementById("​szam"​).value;​
 +    if(szam == ""​) szam=1;
 +    document.getElementById("​doboz"​).innerHTML = obj.dolgozok[szam].kerNev;​
 +}
 +</​script>​
 +</​div>​
 +</​html>​
 +
 +===== JSON validálás =====
 +
 +==== Linuxon ====
 +
 +  apt install python-demjson
 +
 +Használható parancs:
 +  /​usr/​bin/​jsonlint-py
 +
 +==== Online ====
 +
 +  * http://​jsonlint.com/​
 +  * http://​codebeautify.org/​jsonvalidate
  
oktatas/web/javascript/javascript_json.txt · Utolsó módosítás: 2019/08/22 19:54 szerkesztette: admin