All Courses Javascript Courses Web Development

AJAX API JSON Connect to JSON data using AJAX webpage Course

AJAX API JSON Connect to JSON data using AJAX webpage Course

JavaScript for beginners JavaScript Objects and JSON data for web pages AJAX request for JSON data to use in JavaScript

What you’ll learn

2020 AJAX API JSON Connect to JSON data using AJAX webpage Course

  • How to use JavaScript Objects
  • How to use JSON data
  • Explore JavaScript


  • JavaScript
  • Programming and coding knowledge
  • HTML and some programming experience


Explore how you can connect to various endpoints on the web and get JSON data to use on your website.

JSON data and JavaScript Objects

JavaScript Object Notation (JSON) is an open-standard file format or data interchange format that uses human-readable text to transmit data objects consisting of attribute-value pairs and array data types. It is a very common data format, with a diverse range of applications.

JSON is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. The official Internet media type for JSON is application/JSON. JSON filenames use the extension .json.

AJAX (“Asynchronous JavaScript + XML”) is a set of web development techniques using many web technologies on the client-side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. By decoupling the data interchange layer from the presentation layer, Ajax allows web pages and, by extension, web applications, to change content dynamically without the need to reload the entire page.

In practice, modern implementations commonly utilize JSON instead of XML.

Course Covers

  • JavaScript Objects and how they are used in code to retrieve values and store groups of related data sets
  • JavaScript Arrays – a data structure commonly used in JSON to contain Objects
  • JSON vs JavaSCript Objects
  • Iterate Array Contents
  • JSON parse and Stringify
  • Tools online to help connect to endpoints and debug AJAX requests
  • Use of JavaScript Fetch to return content
  • GET and POST methods to web endpoints
  • Various examples of open web APIs

Source Code is included.

JavaScript Object

An object is a collection of related data and/or functionality.

  • JavaScript object’s names don’t need quotes that can be single, double, or none.
  • Values can be Strings, Numbers, Booleans, Arrays, Objects

Create an object setting a variable name and assigning the {} to the variable.

Object names can hold values of other objects and arrays

Can go multiple levels deep, as many as needed.

Dot notation: The object name (person) acts as the namespace, then a dot, then the item you want to access.

JavaScript Array – 2020 AJAX API JSON Connect to JSON data using AJAX webpage Course

An Array can hold multiple values

Arrays cannot use strings as element indexes but must use integers.

Arrays are zero-based, the first index value is always 0;

Array values can be strings, numbers, booleans, arrays, or objects.

The design of objects and arrays is to hold lots of content. You can loop through the content in a number of ways using JavaScript.

You can loop through the data in the array using a number of methods in JavaScript. Arrays need the index to find the value associated with it. If objects are contained within you should structure them the same way so it is easier to check the values contained.

Objects have a length so using a for loop is possible. There is also an Object.entries that can get the key and the value from the object.

Keep data structured the same so that you can easily determine where the values are located.

The JSON.stringify() method converts a JavaScript object or value to a JSON string

The JSON.parse() method parses a JSON string, constructing the JavaScript value or object described by the string

The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON.

  • Objects and Arrays: Property names must be double-quoted strings

Please note that the scope of this course using JavaScript and JSON data outputting via JavaScript.  If you are looking for a more detailed JavaScript course this course is not for you.  Simple course with limited scope designed to be topic-specific.

Taught by an instructor with over 20 years of Web Development experience.

Nothing to lose – Fast friendly support is always available to help if you need it.

Who this course is for:

  • Web designers
  • Web Developers
  • Anyone who is building a website
  • Webmasters and web coders creating web content
  • Last updated 2/2020

AJAX API JSON Connect to JSON data using AJAX webpage Course

Content From: