Basics of JSON and Arrays in jQuery with Demo

JavaScript Object Notation (JSON) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language. JSON is a text format that is completely language independent.

JSON is built on two structures:

• A collection of name/value pairs. In many languages, this is realized as an object, record, struct, dictionary, hash table, keyed list, or an associative array. An ordered list of values.
  
  
• In most languages, this is realized as an array, vector, list, or sequence. These are universal data structures. It makes sense that a data format that is interchangeable with programming languages also be based on these structures.

(As stated on json.org.)

In short, we can say that it is an alternative to XML Data Interchange format.

Let’s understand this using demos.

At the very first, download the jQuery file using the Nuget package manager or from Jquery.com and add its reference to your HTML file.

Example 1: JSON Data display using jQuery. We will use the following code to understand how JSON is used to display data.

• In the preceding code, we created the varJSON named variable that holds the JSON data. All the data is stored between {} separated by commas (,). The "Name" is the JSON object name and its value is "Mark". Both of them are separated using a colon (:). We can make as many objects as we want/need. All these objects must be separated by commas (,).
  
  
• Now we created the result variable and appended the JSON variable object's values to it separated using a break tag.
  
  
• Finally we displayed the value of the result variable by finding the div using its id and appended the data using the HTML function of jQuery.

Note: The best feature of Visual Studio is its intelligence. When you create JSON objects with values, the intelligence automatically shows its objects after you write a variable name and press (.).

Example 2: JSON Data display using Arrays.