Create Dynamic and Interactive Web Content Using AJAX and JSON in JavaScript

In this course, you will learn how to use AJAX to send data to your web server and get response data to output in your web application, as well as how to use JavaScript code to connect to web APIs and retrieve JSON data to output in your webpages.

We will start by learning what JSON is and how it works. Following that, we will look at how AJAX can be used by the web browser to make server HTTP requests. Then we will go over AJAX, how to use JavaScript to update DOM elements, and how to modify elements on a webpage by dynamically creating, updating, and styling page elements with code.

We will then move on to interactive webpages and go over concepts such as setting up page interactions and adding event listeners. We will cover JSON data and JavaScript objects, arrays, and datatypes, as well as JSON data output and iteration.

Finally, we will look at how to create interactive AJAX content with JavaScript objects within webpage content, as well as some examples of popular web APIs.

By the end of this course, you will be able to create amazing interactive dynamic applications that can synchronize data between your database and front-end HTML code.

What You Will Learn

• Use JSON data within JavaScript
• Select between jQuery and JavaScript AJAX methods
• Update MySQL data from JavaScript
• Learn to get content and data from external files
• Work with objects and arrays within JavaScript
• Parse JSON data into usable objects

Audience

This course is for web developers and designers who wish to construct dynamic applications or use data in web applications in a seamless manner.

As this is a fast-paced course about connecting front-end and back-end code, you should have some basic coding skills and be familiar with HTML, JavaScript (DOM), and jQuery.

About The Author

Laurence Lars Svekis: Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.