AJAX for beginners explore JavaScript Requests to APIs

Name: AJAX for beginners explore JavaScript Requests to APIs
Rating: 3.8 (53 reviews)

Using AJAX create amazing DYNAMIC web content using JSON data Update page elements and more

Created byLaurence Svekis

Last updated 11/2024

English

English [Auto],

What you'll learn

Use AJAX to get Dynamic web content
check form field data with server
create JavaScript objects from JSON files
use data files for JavaScript Objects
use JavaScript for AJAX calls
use JQuery for AJAX calls

Course content

3 sections • 40 lectures • 3h 35m total length

Introduction to AJAX requests with JavaScript coding examples2:10
AJAX requests with JavaScript coding examples
Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data.
Load JSON data from external sources with JavaScript.

XHR object and modern JavaScript fetch to make requests
Example of how AJAX can be used to update page content from server request responses.

Load JSON data from external web APIs and also from local files
How to output the contents of your JSON file into your webpage.

Using JavaScript to create, update and remove page elements with code.
Create interaction with your elements using event listeners.

Create interactive web pages with JavaScript.
AJAX PDF guide Source code Resources and Tips JavaScript DOM4:19
Web Dev Coding Environment Setup2:53
Using XMLHttpRequest for AJAX9:34
XHR Ready states Response Object text and data with JavaScript requests GET11:20
Track the xhr ready states from zero to four during a GET Ajax request by opening an endpoint, sending data, and updating the page with responseText and a 200 status.
XHR JavaScript AJAX GET JSON data xHR10:04
XHR Post requests with JavaScript Send Data body13:08
Modern JavaScript Fetch Requests AJAX Code12:38
JavaScript AJAX connect to local JSON file contents7:00
Practice AJAX Testing endpoint get JSON data from Random User API16:32
Connect to the random user API via Ajax, fetch five user objects, loop through results, and render each user's id, name, email, and picture on the page with dynamic elements.
JavaScript AJAX Quiz Game from JSON data33:10

Important Notice Older course content beyond this point0:06
AJAX resources web developer course downloads8:00
What is AJAX3:38
Learn how ajax, a standard for asynchronous communication between server and web page, updates content without reloads using json and dynamic forms.
What we cover in this course4:11
Learn to use ajax to query a server without page refresh, validate names against a server array, and render results from json data.
Course Introduction to AJAX3:25
Dynamic Form field Check with AJAX JavaScript6:31
Explore how Ajax and JavaScript perform a dynamic, real-time server check on input to validate a name using a php file, returning whether the name is taken or available.
Setting up XMLHttpRequest browser check5:59
AJAX form data send GET POST6:00
AJAX request readyState6:09
AJAX Dynamic Form Summary review4:47
JavaScript AJAX connection sample code1:00
PHP action file source code1:00
JSON data as an object in JavaScript vs JSON file using AJAX6:03
AJAX ready set go3:50
AJAX JSON file connection4:05
AJAX response text data5:38
Creating the innerHTML from JSON file11:07
JSON AJAX quiz summary2:03
JavaScript Source File Example2:00
JSON file example1:00
jquery AJAX introduction5:01
jQuery AJAX example code1:00
jquery ajax post with callback response4:38
Form post and check with AJAX1:00
Jquery AJAX return response error success8:08
Learn to perform jQuery ajax post requests, handle success and error callbacks, and display server responses dynamically in a div while recognizing 200 and 404 statuses.
Jquery AJAX PHP connection form file1:00
JavaScript Resources7:00
Bonus Lecture1:13

Requirements

basic JavaScript
Desire to learn AJAX
Basic HTML
Basic CSS

Description

AJAX requests with JavaScript coding examples

22 page PDF Guide included, with source code and coding examples. Tips Resources and more.

Taught by an instructor with over 20 years of web development experience ready to help you learn.

Bring your web pages to life, explore how you can create interactive and dynamic web pages with JavaScript. Connect to JSON data and external files. How to use the xHR object and JavaScript fetch to make requests to endpoints. API data requests returning content. Update web page elements with JavaScript and the DOM. Select page elements, add values, update styling and more. Seamless page updates without page refresh. AJAX is a set of technologies that make things happen.

How to set up WebDev Environment for coding
Load a text file as HTML code into a web page with AJAX
ReadyState 0-4 for xHR object
Get JSON data with xHR request AJAX
xHR GET and POST with Data from input field
Modern JavaScript Fetch Requests AJAX Code
JavaScript AJAX connect to local JSON file contents
Practice AJAX Testing endpoint get JSON data from Random User API
JavaScript AJAX Quiz Game from JSON data

Explore AJAX and how you can use AJAX to connect to web API endpoints and get Data.

Load JSON data from external sources with JavaScript.

XHR object and modern JavaScript fetch to make requests

Example of how AJAX can be used to update page content from server request responses.

Load JSON data from external web APIs and also from local files

How to output the contents of your JSON file into your webpage.

Using JavaScript to create, update and remove page elements with code.

Create interaction with your elements using event listeners.

Create interactive web pages with JavaScript.

Who this course is for:

web developers
anyone who wants to use AJAX
web masters
JavaScript Coders
Web Content creators
Web Managers
Anyone who wants to connect JavaScript to Server languages
Anyone who wants to submit data without page reloads

AJAX for beginners explore JavaScript Requests to APIs

What you'll learn

Explore related topics

Course content

Introduction to AJAX11 lectures • 2hr 3min

Course Old Content28 lectures • 1hr 56min

Learning Guides and resources PDF guides1 lecture • 1min

Requirements

Description

Who this course is for: