JSON Падручнік: Вучыцца JSON ў 10 хвілін

JSON пазначае фармат JavaScript Object Notation. аб'екты JSON выкарыстоўваюцца для перадачы дадзеных паміж серверам і кліентам, XML служыць той жа мэты. Аднак аб'екты JSON маюць некалькі пераваг у параўнанні з XML, і мы будзем абмяркоўваць іх у гэтым падручніку нараўне з паняццямі JSON і яго выкарыстаннем.

Давайце паглядзім на кавалку дадзеных JSON: Гэта ў асноўным мае пары ключ-значэнне.

  вар чайтанья = {«Імя»: «Чайтанья»,"LastName": "Singh","Узрост": "28" }; 

Асаблівасці JSON:

• Гэта лёгкі вага
• Гэта залежыць ад мовы
• Лёгка чытаць і пісаць
• Тэкст на аснове, фармат абмену дадзенымі для чытання чалавекам

Навошта выкарыстоўваць JSON?

Стандартная структура: Як мы ўжо бачылі да гэтага часу , што аб'екты JSON аказваюць стандартную структуру , якая робіць распрацоўнікам вакансіі лёгка чытаць і пісаць код, таму што яны ведаюць , чаго чакаць ад JSON.

Лёгкі вага: Пры працы з AJAX, важна хутка і асінхронна загружаць дадзеныя без запыту старонкі паўторнай нагрузкі. Паколькі JSON з'яўляецца малой вагай, становіцца лягчэй і хутка загружаць патрабаваныя дадзеныя.

Маштабаванасць: JSON з'яўляецца незалежным ад мовы, што азначае , што ён можа добра працаваць з большасцю сучасных моў праграмавання. Скажам, калі нам трэба змяніць мову на боку сервера, у гэтым выпадку было б лягчэй для нас, каб ісці наперад з гэтым змяненнем ў структуры JSON з'яўляецца аднолькавым для ўсіх моў.

JSON супраць XML

Давайце паглядзім, як JSON і XML погляд, калі мы будзем захоўваць запісы 4 студэнтаў у фармаце на аснове тэксту, так што мы можам атрымаць яго пазней, калі гэта патрабуецца.

JSON стыль:

  { "Студэнты": [{ "Імя": "Джон", "узрост": "23", "горад": "Агра"},{ "Імя": "Стыў", "узрост": "28", "горад": "Дэлі"},{ "Імя": "Піцер", "узрост": "32", "горад": "Chennai"},{ "Імя": "Чайтанья", "узрост": "28", "горад": "Бангалор"} ]} 

Стыль XML:

  <Студэнтаў>   <Студэнт> <Імя> Джон </ імя> <ўзрост> 23 </ ўзрост> <горад> Агра </ горад>   </ Студэнт>   <Студэнт> <Імя> Стыў </ імя> <ўзрост> 28 </ ўзрост> <горад> Дэлі </ горад>   </ Студэнт>   <Студэнт> <Імя> Пётр </ імя> <ўзрост> 32 </ ўзрост> <горад> Chennai </ горад>   </ Студэнт>   <Студэнт> <Імя> Chaitanya </ імя> <ўзрост> 28 </ ўзрост> <горад> Бангалор </ горад>   </ Студэнт> </ Студэнтаў> 

Як вы можаце ясна бачыць JSON значна больш лёгкі па параўнанні з XML. Акрамя таго, у фармаце JSON мы скарыстацца масівамі, якія не даступныя ў фармаце XML.

JSON тыпы структур дадзеных і як іх чытаць:

1. аб'екты JSON
2. JSON аб'ектаў у масіве
3. Ўкладанне аб'ектаў JSON

1) JSON-аб'екты:

  вар чайтанья = {   "Назва": "Чайтанья Singh",   "Узрост": "28",   "Сайт": "beginnersbook" }; 

Прыведзены вышэй тэкст стварае аб'ект, які мы можам атрымаць доступ з дапамогай зменнай Чайтаньи. Ўнутры аб'екта мы можам мець любую колькасць пар ключ-значэнне, як у нас вышэй. Мы можам атрымаць доступ да інфармацыі з аб'екта JSON, як гэта:

  document.writeln ( "Імя з'яўляецца:" + chaitanya.name); document.writeln ( "яго ўзрост:" + chaitanya.age); document.writeln ( "яго вэб-сайт:" + chaitanya.website);

2) JSON-аб'екты ў масіве

У прыведзеным вышэй прыкладзе мы захоўваем інфармацыю аднаго чалавека ў аб'ект JSON выкажам здагадку, што мы хочам, каб захоўваць інфармацыю пра больш чым аднаго чалавека; у гэтым выпадку мы можам мець масіў аб'ектаў.

  Студэнты вар = [{«Назва»: «Стыў»,"Узрост": "29","Пол Мужчынскі" }, {«Назва»: «Піцер»,"Узрост": "32","Пол Мужчынскі" }, {«Назва»: «Сафі»,"Узрост": "27",«Пол»: «жанчына» }]; 

Для таго, каб атрымаць доступ да інфармацыі з гэтага масіва, мы робім напісаць такі код:

  document.writeln (студэнтаў [0] .age);  // вынік будзе: 29 document.writeln (студэнты [2] .name);  // Выснова: Sophie

Вы атрымалі кропку, ці не так? Давайце весці да наступнага тыпу.

3) Укладанне JSON аб'ектаў:

Іншы спосаб зрабіць тое ж самае, што мы зрабілі вышэй.

  студэнты вар = {   "Стыў": {   «Назва»: «Стыў»,   "Узрост": "29",   "Пол Мужчынскі"  }, "Піта": {   «Назва»: «Піцер»,   "Узрост": "32",   "Пол Мужчынскі" }, "Падачка": {   «Назва»: «Сафі»,   "Узрост": "27",   «Пол»: «жанчына» } } 

Зрабіце так, каб атрымаць доступ да інфармацыі з вышэй ўкладзеных аб'ектаў JSON:

  document.writln (students.steve.age);  // Выхад: 29 document.writeln (students.sop.gender);  // Выснова: жанчына 

JSON і JavaScript:

JSON разглядаецца як падмноства JavaScript, але гэта не азначае, што JSON не можа быць выкарыстаны з іншымі мовамі. На самай справе ён добра працуе з PHP, Perl, Python, Ruby, Java, Ajax і многае іншае.

Проста каб паказаць, як JSON можа выкарыстоўвацца разам з JavaScript, вось прыклад:
Калі вы пайшлі хоць вышэй падручнік, вы знаёмыя з JSON структур. Тып файла JSON .json

Як прачытаць дадзеныя з файла JSON і ператварыць яго ў аб'ект JavaScript?
У нас ёсць два спосабу зрабіць гэта.
1) Выкарыстанне Eval функцыі, але гэта не рэкамендуецца па меркаваннях бяспекі (шкоднасныя дадзеныя могуць быць адпраўленыя з сервера да кліента, а затым Eval ў кліенцкім сцэнары з шкоднымі эфектамі).
2) не выкарыстоўваючы JSON парсер: Няма праблем бяспекі плюс гэта хутчэй, чым Eval. Вось як гэта можна выкарыстаць:

  вар чайтанья = { "Назва": "Чайтанья Singh", "Узрост": "28", "Сайт": "beginnersbook" }; 

Мы пераўтварэнні вышэй аб'ект JSON ў JavaScript Object з дапамогай JSON парсер:

  вар myJSObject = JSON.parse (чайтанья); 

Як пераўтварыць аб'ект JavaScript у JSON тэксту?
Пры выкарыстанні метаду stringify

  вар jsonText = JSON.stringify (myJSObject); 

Я мяркую, што 10 хвілін скончыліся. Дадаць старонку ў закладках, як я буду дадаваць больш падручнікаў па JSON і дадаць спасылкі на гэтыя падручнікі тут.