<\/span><\/h2>\n\n\n\n\u0110\u00e2y l\u00e0 c\u00fa ph\u00e1p jSON \u0111\u1ecbnh ngh\u0129a \u0111\u1ed1i t\u01b0\u1ee3ng nh\u00e2n vi\u00ean: m\u1ed9t m\u1ea3ng c\u00f3 3 b\u1ea3n ghi nh\u00e2n vi\u00ean (\u0111\u1ed1i t\u01b0\u1ee3ng):<\/p>\n\n\n\n
{\n\"employees\":[\n{\"firstName\":\"\u0110\u1ee9c Anh\", \"lastName\":\"Nguy\u1ec5n\"},\n{\"firstName\":\"B\u1ea3o Hu\u1ef3nh\", \"lastName\":\"Th\u00e1i\"},\n{\"firstName\":\"\u0110\u0103ng D\u0169ng\", \"lastName\":\"Nguy\u1ec5n\"}\n]\n}<\/code><\/pre>\n\n\n\n
\n\n\n\n<\/span>C\u00e1c \u0111\u1ecbnh d\u1ea1ng JSON \u1ee9\u1edbc l\u01b0\u1ee3ng cho c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript<\/span><\/h2>\n\n\n\n\u0110\u1ecbnh d\u1ea1ng JSON c\u00f3 c\u00fa ph\u00e1p gi\u1ed1ng h\u1ec7t v\u1edbi m\u00e3 cho vi\u1ec7c t\u1ea1o ra c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript.<\/p>\n\n\n\n
Do s\u1ef1 t\u01b0\u01a1ng \u0111\u1ed3ng n\u00e0y, m\u1ed9t ch\u01b0\u01a1ng tr\u00ecnh JavaScript c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng chuy\u1ec3n \u0111\u1ed5i d\u1eef li\u1ec7u JSON th\u00e0nh \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript nguy\u00ean g\u1ed1c.<\/p>\n\n\n\n
\n\n\n\n<\/span>C\u00e1c quy t\u1eafc c\u00fa ph\u00e1p c\u1ee7a JSON<\/span><\/h2>\n\n\n\n- D\u1eef li\u1ec7u \u0111i v\u1edbi nhau th\u00e0nh c\u1eb7p t\u00ean\/gi\u00e1 tr\u1ecb<\/li>
- D\u1eef li\u1ec7u \u0111\u01b0\u1ee3c ph\u00e2n chia b\u1edfi d\u1ea5u ph\u1ea9y<\/li>
- D\u1ea5u ngo\u1eb7c nh\u1ecdn gi\u1eef c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng<\/li>
- D\u1ea5u ngo\u1eb7c vu\u00f4ng gi\u1eefa c\u00e1c m\u1ea3ng<\/li><\/ul>\n\n\n\n
\n\n\n\n<\/span>D\u1eef li\u1ec7u JSON – T\u00ean v\u00e0 Gi\u00e1 tr\u1ecb<\/span><\/h2>\n\n\n\nD\u1eef li\u1ec7u jSON \u0111\u01b0\u1ee3c vi\u1ebft d\u01b0\u1edbi d\u1ea1ng c\u1eb7p t\u00ean\/gi\u00e1 tr\u1ecb, gi\u1ed1ng nh\u01b0 thu\u1ed9c t\u00ednh \u0111\u1ed1i t\u01b0\u1ee3ng trong JavaScript.<\/p>\n\n\n\n
M\u1ed9t c\u1eb7p t\u00ean\/gi\u00e1 tr\u1ecb bao g\u1ed3m m\u1ed9t t\u00ean tr\u01b0\u1eddng (trong ngo\u1eb7c k\u00e9p), ti\u1ebfp theo l\u00e0 m\u1ed9t d\u1ea5u hai ch\u1ea5m, ti\u1ebfp theo l\u00e0 m\u1ed9t gi\u00e1 tr\u1ecb:<\/p>\n\n\n\n
\"firstName\":\"\u0110\u1ee9c Anh\"<\/code><\/pre>\n\n\n\nT\u00ean JSON y\u00eau c\u1ea7u d\u1ea5u nh\u00e1y k\u00e9p. T\u00ean trong JvaScript th\u00ec kh\u00f4ng.<\/p>\n\n\n\n
\n\n\n\n<\/span>C\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng JSON<\/span><\/h2>\n\n\n\nC\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng jSON \u0111\u01b0\u1ee3c vi\u1ebft b\u00ean trong d\u1ea5u ngo\u1eb7c nh\u1ecdn.<\/p>\n\n\n\n
Gi\u1ed1ng nh\u01b0 JavaScript, c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng c\u00f3 th\u1ec3 bao g\u1ed3m nhi\u1ec1u c\u1eb7p t\u00ean\/gi\u00e1 tr\u1ecb:<\/p>\n\n\n\n
{\"firstName\":\"\u0110\u1ee9c Anh\", \"lastName\":\"Nguy\u1ec5n\"}<\/code><\/pre>\n\n\n\n
\n\n\n\n<\/span>M\u1ea3ng JSON<\/span><\/h2>\n\n\n\nM\u1ea3ng c\u1ee7a jSON \u0111\u01b0\u1ee3c vi\u1ebft b\u00ean trong d\u1ea5u ngo\u1eb7c vu\u00f4ng.<\/p>\n\n\n\n
Gi\u1ed1ng nh\u01b0 JavaScript, m\u1ea3ng c\u00f3 th\u1ec3 bao g\u1ed3m c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng:<\/p>\n\n\n\n
\"employees\":[\n{\"firstName\":\"\u0110\u1ee9c Anh\", \"lastName\":\"Nguy\u1ec5n\"},\n{\"firstName\":\"B\u1ea3o Hu\u1ef3nh\", \"lastName\":\"Th\u00e1i\"},\n{\"firstName\":\"\u0110\u0103ng D\u0169ng\", \"lastName\":\"Nguy\u1ec5n\"}\n]<\/code><\/pre>\n\n\n\nTrong v\u00ed d\u1ee5 tr\u00ean, \u0111\u1ed1i t\u01b0\u1ee3ng “employees” l\u00e0 m\u1ed9t m\u1ea3ng. N\u00f3 bao g\u1ed3m ba \u0111\u1ed1i t\u01b0\u1ee3ng.<\/p>\n\n\n\n
M\u1ed7i \u0111\u1ed1i t\u01b0\u1ee3ng l\u00e0 m\u1ed9t b\u1ea3n ghi c\u1ee7a m\u1ed9t ng\u01b0\u1eddi (v\u1edbi t\u00ean v\u00e0 h\u1ecd).<\/p>\n\n\n\n
\n\n\n\n<\/span>Th\u1ef1c hi\u1ec7n chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n jSON th\u00e0nh \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript<\/span><\/h2>\n\n\n\nM\u1ed9t c\u00e1ch s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn c\u1ee7a jSON l\u00e0 \u0111\u1ecdc d\u1eef li\u1ec7u t\u1eeb web server v\u00e0 hi\u1ec3n th\u1ecb d\u1eef li\u1ec7u trong m\u1ed9t trang web.<\/p>\n\n\n\n
\u0110\u1ec3 \u0111\u01a1n gi\u1ea3n, \u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng m\u1ed9t chu\u1ed7i nh\u01b0 l\u00e0 \u0111\u1ea7u v\u00e0o (ho\u1eb7c \u0111\u1ecdc th\u00eam trong h\u01b0\u1edbng d\u1eabn JSON c\u1ee7a ch\u00fang t\u00f4i):<\/p>\n\n\n\n
\u0110\u1ea7u ti\u00ean, t\u1ea1o m\u1ed9t chu\u1ed7i JavaScript bao g\u1ed3m c\u00fa ph\u00e1p jSON:<\/p>\n\n\n\n
var text = '{ \"employees\" : [' +\n'{ \"firstName\":\"John\" , \"lastName\":\"Doe\" },' +\n'{ \"firstName\":\"Anna\" , \"lastName\":\"Smith\" },' +\n'{ \"firstName\":\"Peter\" , \"lastName\":\"Jones\" } ]}';<\/code><\/pre>\n\n\n\nSau \u0111\u00f3, s\u1eed d\u1ee5ng JavScript \u0111\u1ec3 t\u1ea1o h\u00e0m jSON.parse() cho m\u1ee5c \u0111\u00edch chuy\u1ec3n \u0111\u1ed5i chu\u1ed7i th\u00e0nh \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript:<\/p>\n\n\n\n
var obj = JSON.parse(text);<\/code><\/pre>\n\n\n\nCu\u1ed1i c\u00f9ng, s\u1eed d\u1ee5ng \u0111\u1ed1i t\u01b0\u1ee3ng JavaScript m\u1edbi trong trang c\u1ee7a b\u1ea1n:<\/p>\n\n\n\n
V\u00ed d\u1ee5<\/h3>\n\n\n\n<p id=\"demo\"><\/p>\n\n<script>\ndocument.getElementById(\"demo\").innerHTML =\nobj.employees[1].firstName + \" \" + obj.employees[1].lastName;\n<\/script><\/code><\/pre>\n\n\n\nB\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecdc th\u00eam v\u1ec1 jSON trong chuy\u00ean m\u1ee5c v\u1ec1 jSON c\u1ee7a ch\u00fang t\u00f4i.<\/p>\n","protected":false},"excerpt":{"rendered":"
JSON l\u00e0 \u0111\u1ecbnh d\u1ea1ng d\u00f9ng cho l\u01b0u tr\u1eef v\u00e0 chuy\u1ec3n d\u1eef li\u1ec7u. jSON th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng khi d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c g\u1eedi t\u1eeb server \u0111\u1ebfn trang web. JSON l\u00e0 g\u00ec? jSON l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a JavaScript Object Notation JSON l\u00e0 \u0111\u1ecbnh d\u1ea1ng trao \u0111\u1ed5i d\u1eef li\u1ec7u nh\u1eb9 JSON l\u00e0 ng\u00f4n ng\u1eef \u0111\u1ed9c l\u1eadp * JSON l\u00e0 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236],"tags":[],"yoast_head":"\n
JavaScript JSON • Ki\u1ebfn c\u00e0ng<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n","yoast_head_json":{"title":"JavaScript JSON • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/javascript-json\/","og_locale":"vi_VN","og_type":"article","og_title":"JavaScript JSON • Ki\u1ebfn c\u00e0ng","og_description":"JSON l\u00e0 \u0111\u1ecbnh d\u1ea1ng d\u00f9ng cho l\u01b0u tr\u1eef v\u00e0 chuy\u1ec3n d\u1eef li\u1ec7u. jSON th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng khi d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c g\u1eedi t\u1eeb server \u0111\u1ebfn trang web. JSON l\u00e0 g\u00ec? jSON l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a JavaScript Object Notation JSON l\u00e0 \u0111\u1ecbnh d\u1ea1ng trao \u0111\u1ed5i d\u1eef li\u1ec7u nh\u1eb9 JSON l\u00e0 ng\u00f4n ng\u1eef \u0111\u1ed9c l\u1eadp * JSON l\u00e0 …","og_url":"https:\/\/kiencang.net\/javascript-json\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-07-21T09:19:18+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/javascript-json\/","url":"https:\/\/kiencang.net\/javascript-json\/","name":"JavaScript JSON • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-07-21T09:19:18+00:00","dateModified":"2016-07-21T09:19:18+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/javascript-json\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/javascript-json\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/javascript-json\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"JavaScript JSON"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/3352"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=3352"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/3352\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=3352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=3352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=3352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}