Short for JavaScript Object Notation it is a data file for JavaScript programming that allows for data to be saved and exchanged. It’s written in plain text so you can read it with any program that lets you read text files. You can create JSON files to store and use data in your own project and other sites make their data available through the JSON format.<\/p>\n\n\n\n
The json Format is essentially a JavaScript Object that contains a collection of name\/value pairs (also called key\/value). Here is an example<\/p>\n\n\n\n
{\n \"course\": \"MMP 350\",\n \"year\": 2021\n}<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Values<\/h3>\n\n\n\n
The values can be any one of these types:<\/p>\n\n\n\n
- a string in double quotes: “my string”<\/strong><\/li>
- a number: 2021<\/strong><\/li>
- boolean: true<\/strong> or false<\/strong><\/li>
- null: null<\/strong><\/li>
- an object: { “name”: “value”}<\/strong><\/li>
- an array: [ “a”, “b”, “c”]<\/strong><\/li><\/ol>\n\n\n\n
Here is an example<\/p>\n\n\n\n
{\n \"myString\": \"A string value\",\n \"myNumber\": 2021,\n \"myBoolean\": true,\n \"myNull\": null,\n \"myObject\": {\n \"name\":\"value\",\n \"id\":12345\n },\n \"myArray\": [ \"a\", \"b\", \"c\"]\n}<\/code><\/pre>\n\n\n\nGetting Data from Other Sites<\/h2>\n\n\n\n
When other sites make their data available they usually do it in one of two ways:<\/p>\n\n\n\n
- Download: you download the file from their site, then save it with your site files and use it that way<\/li>
- API: they have created an API which allows you to get the data on the fly through JavaScript code.<\/li><\/ol>\n\n\n\n
An example of the first type would be going to this page: https:\/\/data.cityofnewyork.us\/Recreation\/Directory-of-Basketball-Courts\/b937-zdky<\/a><\/p>\n\n\n\nand downloading a .json file of all of the basketball courts in NYC.<\/p>\n\n\n\n
An example of an API would be using the API described here: https:\/\/dev.socrata.com\/foundry\/data.cityofnewyork.us\/25th-nujf<\/a><\/p>\n\n\n\nto dynamically load popular NYC baby names into a page. When you use an API you need to write code to load the data. This can by done through vanilla JavaScript or through a framework like jQuery.<\/p>\n\n\n\n
Sort and Filter<\/h3>\n\n\n\n
When using an API you can sort and filter the data you return. For example this URL https:\/\/data.cityofnewyork.us\/resource\/25th-nujf.json?ðcty=HISPANIC&gndr=FEMALE&rnk=1<\/a> will give you just the top-ranked female Hispanic names for each year available.<\/p>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
WHAT Short for JavaScript Object Notation it is a data file for JavaScript programming that allows for data to be saved and exchanged. It’s written in plain text so you can read it with any program that lets you read text files. You can create JSON files to store and use data in your own… Continue reading JSON<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[20],"tags":[],"coauthors":[],"class_list":["post-965","post","type-post","status-publish","format-standard","hentry","category-javascript","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"WHAT Short for JavaScript Object Notation it is a data file for JavaScript programming that allows for data to be saved and exchanged. It’s written in plain text so you can read it with any program that lets you read text files. You can create JSON files to store and use data in your own project and other sites make their data available through the JSON format. Format The json Format is essentially a JavaScript Object that contains a collection of name\/value pairs (also called key\/value). Here is an example { “course”: “MMP 350”, “year”: 2021 } Values The values…<\/p>\n","category_list_v2":"JavaScript<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/author\/cstein\/"},"comments_num_v2":"1 comment","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/author\/cstein\/"},"uagb_comment_info":1,"uagb_excerpt":"WHAT Short for JavaScript Object Notation it is a data file for JavaScript programming that allows for data to be saved and exchanged. It’s written in plain text so you can read it with any program that lets you read text files. You can create JSON files to store and use data in your own……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/comments?post=965"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/965\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/965\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/media?parent=965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/categories?post=965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/tags?post=965"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/coauthors?post=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}