Grab and learn
Code editor Setup VScode
Top Navigation Sticky Navbar Hamburger Collapse Columns 2D transforms 3D transforms Normal card Flip card Scrollbar Progressbar Skillbar Alert Jumbotron Forms Popover Tooltip Background overlay Breadcrumbs Toast Radio buttons Text input Range sliders Dropdown Pagination Modals Color picker Icons Tables
Curtain menu Mega menu Toggle sidebar Collapsed sidepanel Full screen navigation Hide navbar on scroll Shrink navbar on scroll Page animation Image magnifier
Hover animations Parallax Scroll animation Scroll down animated icon Auto typer Carousel Animated icons Particles Smooth scroll Text animations Cube animations
Online website
Domain name Hosting SEO structure Crawling Indexing Canonical links Sitemap Robots.txt Google Search Console Google Analytics
Beginners Bootstrap Responsive websites Sass CSS grid CSS flexbox
Vanilla JQuery Page animation Async Javascript AJAX Node.js React JS Express

Javascript - AJAX

AJAX is short for Asynchronous JavaScript and XML. AJAX is a technique for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.


jQuery Ajax Tutorial #1 - Using AJAX & API's (jQuery Tutorial #7) -

In this jQuery AJAX Tutorial for beginners, we're going to be covering an introduction to using jQuery to access a JSON API (Application Programming Interface) to get data and populate it into the document. jQuery AJAX is powerful and is the first step to making dynamic websites that respond to the user actions as they happen. The first part of using jQuery AJAX to access a JSON API is to make a GET request, so this jQuery lesson covers how to make AJAX Get Requests with jQuery & JSON.

jQuery Ajax Tutorial #2 - Posting data to backend (jQuery tutorial #8) -

In this jQuery AJAX Tutorial for beginners, we're going to be adding new data to our backend server with the jQuery ajax post method. jQuery ajax post allows us to send data for the backend to save. When the backend is setup in a RESTful way, it will return our successful post along with an ID and any other information it created for us when it saved the information. We'll use this information to display our new post to our user.

jQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9) -

In this jQuery Tutorial, let's wrap up our jQuery AJAX - driven web app here by adding a delete button which fires a DELETE jQuery AJAX request. We're also going to improve the way we create our elements by using Mustache.js for templating. THIS IS JUST THE BEGINNING for Mustache.js, mind you. For this example, Mustache.js adds a LITTLE help, but as your templates grow more and more complex, you'll quickly find that you can't do it in one long string of JavaScript.

jQuery Ajax Tutorial #4 - "Edit" modes & Better Mustache.js Templating (jQuery tutorial #9) -

In this jQuery Tutorial, we're finishing up our single-page ajax application by making an edit mode and enhancing our templating. We've been using a RESTful API so far, so to edit a resource in a standard way, we will just make a PUT request to /api/orders/{id} to update it. jQuery AJAX is simple, powerful, and can take your javascript code to a higher level when used properly.

AJAX Crash Course (Vanilla JavaScript) - Traversy Media

In this video we will dive into AJAX with Vanilla JS and NO JQUERY. We will examine the XHR object and how it works. This is a beginner friendly tutorial for anyone that has very basic JavaScript knowledge. We will make xhr requests to a txt file, local json files, an external API and even PHP files.

jQuery Crash Course [5] - Ajax - Traversy Media

In this video we will work with the load, $.get, $.post and $.ajax methods in jQuery
Copyright © 2020