Tutorialspoint

AJAX API JSON Connect to JSON data using AJAX webpage

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

  Laurence Svekis

   Development, Web Development, Web Development Other

Language - English Published on 06/2020

  • API JSON Introduction
    02:28
    Preview
  • Course Resources
  • Introduction to JSON
    03:34
    Preview
  • JavaScript Objects
    05:31
    Preview
  • JavaScript Arrays
    02:27
  • Output Contents
    03:14
  • JSON Stringify JSON Parse
    03:01
  • Validate lint JSON
    03:05
  • JavaScript Fetch AJAX request
    04:05
  • Fetch Web APIs AJAX from web pages
    02:36
  • JavaScript Arrow Function format
    01:55
  • Fetch Options GET
    03:04
  • CORS with request debugging
    02:28
  • More Open APIs Practice
    03:23
  • Fun with APIs Tools and More
    04:35
  • API Next Page Load all pages
    05:31
  • Post method send data
    03:26
  • Practice API endpoints
    04:49
  • More API endpoints AJAX request Exercise and JSON data
    04:13
  • API JSON conclusion
    03:20

Description

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.

Who this course is for:

  • Web designers
  • Web Developers
  • Anyone who is building a website
  • Webmasters and web coders creating web content

What Will I Get ?

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

Requirements

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

    Feedbacks (0)

  • No Feedbacks Posted Yet..!

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy.