JSON kezdőknek, a javascript és jQuery
Ellentétben XML, JSON kínál könnyen kialakítható egy személy és egy számítógép. JSON adatok lehetnek, például, rendelni egy változó (hogy hozzon létre egy objektumot); Ezután az adatokat lehet olvasni az újonnan létrehozott objektumot.
Először létrehozunk egy változó tárolja adatainkat, és akkor a JSON, határozza meg az objektumot. A létesítmény igen egyszerű: a területen, és az értéke FIRSTNAME Ray. Vonalak JSON feltétlenül idézőjelbe. Ha a számok, idézetek nem szükségesek.
Ez a példa megjeleníti a böngésző FIRSTNAME ingatlan értékét.
Létrehozása helykitöltő objektum
Hozzunk létre egy reálisabb példa: helyezze a JSON adatokat egy DOM objektumot.
most, ahelyett, hogy megjelenítsen egy figyelmeztetést, hogy az adat egy HTML elemet. JSON adatokat természetesen lehet sokkal nehezebb. Próbáljuk, hogy adjunk több területen.
hozzáadása tömbök
Mi van, ha azt akarjuk, hogy egy embercsoport. akkor kell használni tömbök. Array JSON segítségével lehet létrehozni szögletes zárójelben. Lássuk, hogyan adataink fog keresni több felhasználó számára.
Úgy néz ki, egy kicsit bonyolult, de tényleg nem nehéz megérteni. JSON objektum jön létre a segítségével merevítők; a tömb jön létre szögletes zárójelek segítségével. Így annak érdekében, hogy megrendezzük adatokat hoztunk létre egy objektum számára. amely helyezett tömbben. A tömb vannak elrendezve egyéb létesítmények. Minden pár (név / érték) vesszővel elválasztva.
Figyeljük meg, hogy a kód változott szúrni a nevét. Mi akasztott fel egy új létesítmény a felhasználók, majd a szögletes zárójelek jelzik az első elem a tömbben. Az újabb réteg struktúrájának adatainkat.
Most tulajdona csatlakozott objektum több területen; használja egy sor nem szükséges, így használjuk a tárgy jelölést. Most adatok a felhasználók száma, ideje, hogy menjen minden felhasználó és megjeleníti azokat egy listában.
Végre kell hajtani a felhasználók listáját (átadni a JSON objektum)
Ahhoz, végighaladni az összes tulajdonságait az objektum létezik for..in kialakítás:
Itt vagyunk, átadva az egész tömb elemei; fenntartani az adatokat változó kimeneti és tegye be az adatokat elem id egyenlő helykitöltő. azt lehet mondani, hogy az adataink épülnek egy kicsit lassú.
Olvasd JSON külső fájlból
Jó lenne, hogy mentse az adatokat egy külső fájlt, és olvassa el őket, ha szükséges. Megyek a jQuery könyvtár és ezért kezdődik, meg kell csatlakoztatni a jQuery könyvtár; majd hívja a funkció getJSON. Itt a mi kód:
Ez nagyrészt ugyanazt a kódot, de a kimeneti adatok a szabadba. Mi csak bebugyolálva minden funkció getJSON. ami a kemény munka az olvasás a fájl. Data.json fájl adatait nézzük található ugyanabban a könyvtárban, és így néz ki:
Mint látható, a JSON nagyon könnyen olvasható, és ha egyszer szokni zárójelben, akkor könnyen kódolni.