{"id":4202,"date":"2021-04-07T04:27:23","date_gmt":"2021-04-07T04:27:23","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=4202"},"modified":"2021-04-07T06:30:30","modified_gmt":"2021-04-07T06:30:30","slug":"json-introduction","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/json-introduction\/","title":{"rendered":"JSON Introduction"},"content":{"rendered":"<p>JSON (JavaScript Object Notation) is a format that is used to store the data and transport it to the web pages over the <a href=\"https:\/\/studysection.com\/blog\/selenium-standalone-server\/\">server<\/a>. <\/p>\n<h2>JSON : JavaScript Object Notation<\/h2>\n<p>The JSON format is only text but the syntax for JSON is derived from JavaScript Object Notation. So code for understanding and writing JSON can be written in any programming language as JSON is language independent.<\/p>\n<h3>Example<\/h3>\n<p>This JSON syntax defines a students object: an array of 2 student records (objects):<br \/>\n<code>{<br \/>\n\"students\":[<br \/>\n  {\"firstName\":\"shruti\", \"lastName\":\"arora\"},<br \/>\n  {\"firstName\":\"priyal\", \"lastName\":\"jain\"}<br \/>\n ]\n}<\/code><\/p>\n<h3>JSON Syntax Rules<\/h3>\n<ul>\n<li>Data is in name\/value pairs<\/li>\n<li>Pairs must be separated by commas<\/li>\n<li>Objects must be in curly braces<\/li>\n<li>Arrays must be in the square brackets container.<\/li>\n<\/ul>\n<p><strong>JSON Data &#8211; A Name and a Value<\/strong><br \/>\nJust like JavaScript object properties, JSON data is written as name\/value pairs,<br \/>\nA name\/value pair consists of a field name (in double quotes), followed by a colon, followed by a value:<br \/>\nIn JSON name must be in double-quotes.<br \/>\n<code>\"firstName\":\"shruti\"<\/code><br \/>\n<strong>JavaScript:<\/strong><br \/>\nfirstName:&#8221;shruti&#8221;<br \/>\nIn JSON string values must be written in double quotes.<br \/>\n<code>\"firstName\":\"shruti\"<\/code><br \/>\nBut in javascript, it can be written in double or single quotes.<br \/>\n<code>firstName:\"shruti\"<br \/>\nfirstName:\u2019shruti\u2019<\/code> <\/p>\n<p>In JSON, values must be one of the following data types:<\/p>\n<ul>\n<li>a string<\/li>\n<li>a number<\/li>\n<li>an object (JSON object)<\/li>\n<li>an array<\/li>\n<li>a boolean<\/li>\n<li>null<\/li>\n<\/ul>\n<p><strong>In JavaScript, values can be all of the above, plus any other valid JavaScript expression, including:<\/strong><\/p>\n<ul>\n<li>a function<\/li>\n<li>a date<\/li>\n<li>undefined<\/li>\n<\/ul>\n<h3>Objects<\/h3>\n<p>JSON objects are written inside curly braces.<br \/>\n<strong>Objects can contain multiple name\/value pairs, Just like in JavaScript<\/strong><br \/>\n<code>{\"firstName\":\"shruti\", \"lastName\":\"arora\"}<\/code><\/p>\n<p><strong>JSON Arrays<\/strong><br \/>\nInside square brackets, we write JSON arrays .<br \/>\nJust like in JavaScript, an array can contain objects:<br \/>\n<code>\"students\":[<br \/>\n  {\"firstName\":\"shruti\", \"lastName\":\"arora\"},<br \/>\n  {\"firstName\":\"priyal\", \"lastName\":\"jain\"}<br \/>\n ]<\/code><\/p>\n<p>In the example above, the object <strong><em>&#8220;students&#8221;<\/em><\/strong> is an array. It contains two objects.<br \/>\nEach object is a record of a student with a first name and the last name.<\/p>\n<p><strong>Converting a JSON Text to a JavaScript Object<\/strong><br \/>\nA common use of JSON is to read data from a web server and display the data on a web page.<br \/>\nFor simplicity, this can be demonstrated using a string as input.<br \/>\nFirst, create a JavaScript string containing JSON syntax:<br \/>\n<code>var text = '{ \"students\" : [' +<br \/>\n'{ \"firstName\":\"shruti\" , \"lastName\":\"arora\" },' +<br \/>\n'{ \"firstName\":\"priyal\" , \"lastName\":\"jain\" } ]}';<\/code><\/p>\n<p>JSON.parse() is a JavaScript built-in function to convert  the string into a javascript object<br \/>\n<code>var obj = JSON.parse(text);<\/code><\/p>\n<p><strong>Sending Data<\/strong><br \/>\nIf you have a JavaScript object, you can convert the object into JSON, and send it to a server:<\/p>\n<p><em>Example:<\/em><br \/>\n<code>var jsObj= {name: \"shruti\", age:24, city: \"Mohali\"};<br \/>\nvar jsonObj= JSON.stringify(jsObj);<br \/>\nwindow.location = \"demoJson.php?x=\" +jsonObj;<\/code><\/p>\n<p><strong>Receiving Data<\/strong><br \/>\nIf you receive data in JSON format, you can convert it into a JavaScript object:<\/p>\n<p><em>Example:<\/em><br \/>\n<code>var jsonObj= '{\"name\":\"shruti\", \"age\":24, \"city\":\" Mohali\"}';<br \/>\nvar myObj = JSON.parse(jsonObj);<\/code><\/p>\n<p><em>To handle JSON, PHP has some built-in functions.<br \/>\nPHP built-in function json_encode() can be used to convert an object into JSON<\/em><\/p>\n<p><strong>PHP file<\/strong><br \/>\n<code>&lt;?php<br \/>\n$myObj->name = \"Shruti\";<br \/>\n$myObj->age =24;<br \/>\n$myObj->city = \"MOhali\";<br \/>\n$myJSON = json_encode($myObj);<br \/>\necho $myJSON;<br \/>\n?><\/code><\/p>\n<p><strong>Output:<\/strong><br \/>\n<code>{\"name\":\"Shruti\",\"age\":24,\"city\":\"Mohali\"}<\/code><\/p>\n<p><small><em>Get certification for your knowledge in the fundamentals of Computer functioning by clearing the <a href=\"https:\/\/www.studysection.com\/computer-applications-diploma-advanced\">Computer Certification Exam<\/a> conducted by StudySection. After going through this Computer Certification exam, you will be able to evaluate your basic knowledge of computers.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JSON (JavaScript Object Notation) is a format that is used to store the data and transport it to the web<\/p>\n","protected":false},"author":1,"featured_media":4204,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[645,71],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JSON (JavaScript Object Notation) Introduction - StudySection Blog<\/title>\n<meta name=\"description\" content=\"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/json-introduction\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JSON (JavaScript Object Notation) Introduction - StudySection Blog\" \/>\n<meta property=\"og:description\" content=\"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/json-introduction\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-07T04:27:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-07T06:30:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/04\/json.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"JSON Introduction\",\"datePublished\":\"2021-04-07T04:27:23+00:00\",\"dateModified\":\"2021-04-07T06:30:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/\"},\"wordCount\":460,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"JSON\",\"syntax\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/json-introduction\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/\",\"url\":\"https:\/\/studysection.com\/blog\/json-introduction\/\",\"name\":\"JSON (JavaScript Object Notation) Introduction - StudySection Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2021-04-07T04:27:23+00:00\",\"dateModified\":\"2021-04-07T06:30:30+00:00\",\"description\":\"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/json-introduction\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/json-introduction\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JSON Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JSON (JavaScript Object Notation) Introduction - StudySection Blog","description":"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.","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:\/\/studysection.com\/blog\/json-introduction\/","og_locale":"en_US","og_type":"article","og_title":"JSON (JavaScript Object Notation) Introduction - StudySection Blog","og_description":"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.","og_url":"https:\/\/studysection.com\/blog\/json-introduction\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2021-04-07T04:27:23+00:00","article_modified_time":"2021-04-07T06:30:30+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/04\/json.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/json-introduction\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/json-introduction\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"JSON Introduction","datePublished":"2021-04-07T04:27:23+00:00","dateModified":"2021-04-07T06:30:30+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/json-introduction\/"},"wordCount":460,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["JSON","syntax"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/json-introduction\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/json-introduction\/","url":"https:\/\/studysection.com\/blog\/json-introduction\/","name":"JSON (JavaScript Object Notation) Introduction - StudySection Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2021-04-07T04:27:23+00:00","dateModified":"2021-04-07T06:30:30+00:00","description":"The JSON format is only text but the syntax is derived from JavaScript Object Notation. So code for understanding and writing JSON.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/json-introduction\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/json-introduction\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/json-introduction\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JSON Introduction"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":305,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4202"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=4202"}],"version-history":[{"count":5,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4202\/revisions"}],"predecessor-version":[{"id":4208,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4202\/revisions\/4208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/4204"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=4202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=4202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=4202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}