Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
AJAX using JavaScript Libraries jQuery and Axios
Rating: 4.4 out of 5(46 ratings)
3,523 students

AJAX using JavaScript Libraries jQuery and Axios

Learn how to make AJAX requests from the most popular JavaScript libraries including jQuery and Axios
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Get and post data using AJAX
  • Use jQuery AJAX functionality
  • Use Axios AJAX functionality
  • Build applications using AJAX
  • Send data and receive responses and output response content

Course content

2 sections28 lectures1h 34m total length
  • Introduction to AJAX with jQuery and Axios5:29

    Explore AJAX calls in JavaScript using jQuery and Axios, making get and post requests to a web API, handling JSON data, and transforming responses for form inputs.

  • Introduction to jQuery3:11

    learn how to bring the jQuery library into your web project via download or a CDN, load it before use, and write concise ajax-ready code.

  • AJAX with jQuery7:51

    Learn to use jQuery for ajax calls, bind a click event to a button, and update the page output with the response via $.ajax and done.

  • jQuery AJAX output to element6:38
  • Source Code 3 jQuery Get0:11
  • jQuery in Codepen7:38

    Learn to use jquery in codepen to perform ajax calls with json data, handle click events, and update the page via success and done callbacks.

  • Source Code 40:04
  • jQuery AJAX shorthand3:08

    Explore jQuery's ajax shorthand by using the get method with a url and a callback to fetch and log data, including handling Space-X API data arrays and flight numbers.

  • Source Code 5 jQuery Get0:10
  • jQuery Mulitple Items API4:19
  • Source Code 6 GetJSON0:11
  • jQuery Post example8:22

    Build a simple form with first and last fields, prevent default submission, and post data to a server using jQuery Ajax. The server returns the submitted data in the response.

  • Source Code 7 POST jQuery0:14
  • jQuery post with AJAX4:17

    Learn to post data with jQuery ajax, comparing shorthand post and the full ajax call, while handling success, errors, status codes, and headers.

  • Source Code 8 jQuery Post0:15
  • JQuery Exercise Overview3:30

    Submit data and retrieve server responses with jQuery AJAX, then update an h1 with the returned data; explore SpaceX API results and render flight details.

  • JavaScript libraries for AJAX.8:10
  • Source Code 9 Axios Form POST0:15
  • AXIOS Get Data Update HTML1:55

    connect axios to get data and update html inputs for first name and last name using querySelector, dynamically filling fields from the random user site with an ajax request.

  • Loop Multiple Items in Object3:32

    Loop through an API's multiple results in JavaScript, building a people array and rendering each person's name, location, email, and thumbnail image via an Ajax request.

  • Source Code 10 Axios Exercise0:16
  • Axios AJAX post4:46

    Submit form data with a promise-based axios post, handle responses and network errors with catch, and log or use the returned data.

  • Source Code 11 Axios Exercise0:16
  • Axios Exercise Overview4:23
  • Resources0:28

Requirements

  • JavaScript and Web development
  • Web editor
  • Internet Access

Description

Learn about AJAX and how to make request for data using jQuery or Axios.

These are the two most popular libraries that make AJAX easy to add and work with in JavaScript.  They solve the problem of cross browser differences in XHR requests and provide a seamless easy to apply experience when using AJAX

Once you start using jQuery or Axios for AJAX you will see how easy AJAX can be to add to your web pages.

With options for GET and POST both provide an easy way for AJAX.

The course provide several examples of how to connect to web apis and retrieve data for your web applications.

jQuery provide a powerful easy to use library which is famous for making AJAX easy.  Explore how you can use this most popular JavaScript library to do more with less coding.  not only is AJAX easy with jQuery its also extremely easy to update your page elements and add event listeners.  Why not try jQuery and do something amazing online!

Axios provides a seamless AJAX approach that works off promises.   Using the JavaScript XHR object its a powerful but really light weight option for bringing AJAX into your projects.  This library is popular and easy to get started with.  Using Axios to power your AJAX requests and combined with plain JavaScript to update the DOM the course provides several examples of how to implement it and use it within your code.

Source code is included to get you started quickly

Friendly responses in the Q&A to help you learn further and clarify course content if needed.

Taught by an instructor with many years of web development experience ready to help you learn more about AJAX

What are you waiting for join now and start learning AJAX today.

  

Who this course is for:

  • Web developers who want to practice AJAX
  • JavaScript Developers who want to use jQuery or Axios libraries for easy AJAX
  • Anyone who wants a quick and easy way to make AJAX requests