Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn jQuery AJAX in 1 hour
Rating: 4.0 out of 5(229 ratings)
7,005 students

Learn jQuery AJAX in 1 hour

Guide to getting started with AJAX use jQuery to make seamless connections to external data sources and APIs
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • create AJAX connections
  • use jQuery for dynamic AJAX
  • get JSON data from web APIs
  • create data exchange seamlessly within web applciations

Course content

2 sections • 20 lectures • 1h 10m total length

  • Introduction to AJAX with jQuery2:53

    Master how to use jQuery ajax to load external data and file contents without page refresh, post data to servers, and connect to web APIs for seamless web applications.

  • Course Resources and Applications5:38

    Explore essential resources and tools for building ajax calls with jQuery, including Brackets, CodePen, a local server with Zap, Chrome dev tools, and JSON data from jsonplaceholder.

  • jQuery Load external file into your web page AJAX6:51

    Learn to perform a first jQuery ajax call that loads external content into a web page by clicking a button and updating a container with a text file.

  • Callback Data request object jQuery5:37

    Explore jQuery’s load method to fetch external content, access the response text and status, and use the callback object to manage ready states and http codes in your web app.

  • Update jQuery3:46

    Learn to finalize a jQuery ajax workflow by using document.ready to load data, check status (200 or success), append to the output area, and handle errors for a user experience.

  • Source Code0:09
  • AJAX method with jQuery4:14

    Learn to use the jQuery ajax method to perform configurable requests with explicit success and error callbacks, handle returned data and status text, and interpret 404 not found responses.

  • Use jQuery AJAX to return JSON data within JavaScript3:50

    Learn to use jQuery ajax with get and post methods, specify data types, and fetch json data from URLs for dynamic web pages.

  • Get JSON data with AJAX6:44

    Explore fetching JSON data with AJAX in jQuery, loop through the data object, extract fields like email, and dynamically output results to the page, with optional JSON.parse handling.

  • Source Code GET AJAX jQuery0:12
  • AJAX to send and receive data10:52

    Learn how to post data with jQuery AJAX, create input fields for first name and last name, post to a PHP server, and receive a JSON-formatted response.

  • Source Code AJAX POST and PHP0:16
  • Tweaks and Tips for AJAX4:10

    Explore how to set up a local php server, build a JavaScript data object, and send it with ajax while ensuring server parameters match, then update the object before calls.

  • Source Code PHP Server JSON0:18
  • AJAX connect to web API get data into HTML6:33

    Master jQuery ajax to connect to a web api and retrieve jokes. Specify category and number parameters, and render the resulting jokes into html by parsing the response.

  • Source Code Web APIs0:13
  • jQuery AJAX Course Conclusion6:27

    Explore how to connect to a web API with jQuery AJAX, retrieve and display jokes and their IDs, loop through results, and practice with CodePen for a seamless user experience.

  • AJAX jQuery Resources0:04

Requirements

  • JavaScript basics and basic jQuery
  • Desire to learn
  • Computer Access

Description

AJAX can load data from external files and into JavaScript seamlessly without page reloads. jQuery makes working with AJAX easy, providing powerful methods for AJAX calls.  AJAX is an essential skill for modern web development. 

AJAX (Asynchronous JavaScript and XML) 

With AJAX, web applications can send data to and retrieve data from a server all in the background.  AJAX allows for web pages to change content dynamically.

Load content from external files, load JSON data and use the data within JavaScript. 

JavaScript is used to bring these technologies together to create amazing user experiences, with JSON data and the web elements.  jQuery is ideal for making AJAX calls by simplifying the code and making it easier create.

This course is designed to get you started quickly...

  • step by step training
  • source code included try it for yourself
  • resources and top links
  • everything you need to bring AJAX into your web applications
  • from an instructor with over 18 years of web development experience
  • explore JSON data within web APIs

AJAX is an essential skill to have, learning how to use AJAX will bring your web applications to the next level.

I'm here to help you learn about AJAX and ready to answer any questions you may have.

Get started with AJAX now and see what you can do.


Who this course is for:

  • web developers
  • anyone who wants to create AJAX calls
  • web designers
  • anyone who wants to learn more about dynamic web building

Report abuse