Interacting with Data Using jQuery 3 and Ajax
This course will teach you how to use jQuery to make Ajax calls to retrieve and modify data via a web API server.
What you'll learn
Users are demanding more speed and flexibility in their web applications. Using jQuery and Ajax allows you to send just data back and forth instead of entire web pages. In this course, Interacting with Data Using jQuery 3 and Ajax, you’ll learn to make Ajax calls using jQuery. First, you’ll explore the history of Ajax with the JavaScript language. Next, you’ll discover how to use Promises and jQuery to retrieve and submit data via a Web API server. Finally, you’ll learn how to build an HTML form and submit user data using jQuery objects and methods. When you’re finished with this course, you’ll have the skills and knowledge of jQuery Ajax needed to manipulate data on an HTML page, retrieve, and submit that data via a web API server.
Table of contents
- The History and Usage of the XMLHttpRequest Object 1m
- Demonstration of XMLHttpRequest Object 4m
- Get a Single Product Using XMLHttpRequest 2m
- Inserting a Product Using XMLHttpRequest 4m
- Handling Errors with XMLHttpRequest 2m
- Getting Products with the Fetch API 3m
- Inserting a Product with the Fetch API 2m
- Be Careful with Errors when Using the Fetch API 3m
- Pros and Cons of the Fetch API 3m
- Using jQuery Ajax 3m
- The jQuery Settings Object is Extensive 1m
- Getting Data Using jQuery and Callbacks 2m
- Retrieve Data Using jQuery and Promises 2m
- Get a Single Product Using jQuery and Promises 1m
- Insert a Product Using jQuery and Promises 1m
- Update a Product Using jQuery and Promises 2m
- Delete a Product Using jQuery and Promises 1m
- Incorrect Usage of try…catch 3m
- Correct Usage of try…catch 2m
- Introducing the jQuery Form Events 1m
- Enhancing the UI Using Focus and Blur Events 3m
- Handling a Form Submit Using the submit() Event 2m
- Introducing the jQuery Form Helper Functions 2m
- Submit an Array of Form Data Using serializeArray() 6m
- Submit a URL-encoded String of Form Data Using serialize() 4m
- Submit a URL-encoded String of Form Data Using param() 3m