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 тыпы структур дадзеных і як іх чытаць:
- аб'екты JSON
- JSON аб'ектаў у масіве
- Ўкладанне аб'ектаў 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 і дадаць спасылкі на гэтыя падручнікі тут.
Ну патлумачыў і гэта вельмі лёгка зразумець. Вялікі дзякуй.
Ну патлумачыў і лёгка learn.Thanks lot.it было б вельмі карысна для пачаткоўцаў
Добрыя і простыя прыклады. Вельмі добра відаць, як JSON з'яўляецца лёгкім вагай, чым XML
Добры прыклад, было б вельмі карысна для biginners
Паводле майго разумення, пар ключа і значэння JSON падзяляецца двукроп'е (:). Калі ласка, зменіце яго ў вас прыклад. Гэта павінна быць
вар чайтанья = {
«Назва»: «Чайтанья Singh»,
«Узрост»: «28»,
«Сайт»: «beginnersbook»
};
яго ўжо там, калі ласка, праверце яго ўважліва
Я зняў касмічны шлем; думаючы, што я буду вучыцца ракеты-навукі на працягу дзесяці хвілін. Гэта было ясна і лёгка зразумець, дзякуй!
Эй чайтанья! Добры кантэнт!
Я пачатковец у Javascript і JSON.
Я ствараю карыстацкі інтэрфейс на пачатковай загрузцы, які адлюстроўвае ўсе файлы з канкрэтнай тэчкі, калі я націскаю icon..how я магу зрабіць гэта з дапамогай JSON?
добра растлумачыў бос
Кароткі п Салодкі .Superb!
Nice One .. :)
Good Stuff. Дзякуй
Працягвайце размяшчэнне калі ласка. дзякуй
добра растлумачыў, і гэта вельмі лёгка зразумець ..waiting для вашага наступнага ўрока
Вельмі ўсёабдымны тэкст і вельмі зручныя для карыстальнікаў. Толькі асновы я трэба пакрыць. Дзякуючы тону. Надзея ўбачыць больш рэчаў ад вас.
Nice патлумачыў і гэта так лёгка зразумець. добра вестак.
Вельмі добрае змест і добра дакументавана. Добрая праца !!
Дзіўная тлумачэнне ... ..Please дадаць яшчэ нейкі артыкул пра гэта.
Так Precise і хрумсткія, што робіць яго лёгкім для пачаткоўцаў, каб зразумець quickly.Do працягнуць гэтую вялікую працу Chaitanya.Thanks!
Вельмі добры кантэнт для пачаткоўцаў. Вялікая праца (у)
Проста геніяльна! Ясна, што напісана і растлумачана. З нецярпеннем чакаю наступнай партыі. Я хацеў бы бачыць, як атрымаць адну пару ключ-значэнне з аб'екта або масіва. Акрамя таго, як спасылацца на асобны элемент масіва.
Выдатна прадэманстраваў у кароткі тэрмін :)
Кожная частка выразна растлумачана і дзякуй за вашыя думкі вывучэння
АТРЫМАННЕ маёй упэўненасці таму ў кадаванні :)
дзякуй так шмат, любіў кожны біт яго <3