Browser - Ajax (Asynchronous JavaScript And XML)



Asynchronous Javascript and XML (Ajax) is just a name umbrella to talk about a technology that retrieve data from a server asynchronously.

The term Ajax has evolved to accept request transporting other data than XML such as JSON text or dead plain text

Every Ajax call is using:

In 1998, the Microsoft Outlook team invented the XMLHttpRequest and, the year after, snuck it into Internet Explorer 5.0. All the browsers followed and the era of AJAX was born.



In the Browser devtool, you can see the request.

Example with Chrome.

Chrome Devtool Xhr Fetch Request



Web API Fetch

Browser - Web API - Fetch function

Web Api XHR

Browser - XMLHttpRequest (XHR) API



Jquery example.

  url: "/doc/api/weather",
  data: {
    zipcode: 2343
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  • The HTML
The temperature is <span id="weather-temp"></span>


See also: Pjax that supports browsing history with Ajax call.


Super Agent


React Class Component - Fetch (Ajax)


Discover More
Aws Serverless Web App
AWS - Serverless Web Application

Note the AWS tuto Amazon tuto - Build a Serverless Web Application that create a serverless...
Browser - Fetching Resources (Request/Response)

This article is fetching (http request/response) in the browser. User agents can implement a variety of transfer protocols to fetch resources such as: HTTP : , ... Form FTP ... rendering...
Chrome Devtool Xhr Fetch Request
Browser - Web API - Fetch function

The fetch function is part of the web api function and is a AJAX call. It's one of the possibilities to fetch a resource. XMLHttpRequest (XHR) The fetch function returns a promise as response. The Fetch...
Chrome Devtool Xhr Fetch Request
Browser - XMLHttpRequest (XHR) API

The XMLHttpRequest is a web api function that performs an resource fetch with an Aysnchronous HTTP request XMLHttpRequestAPIAJAX programmingfetch API The status of an XHR request. Value Constant...
Javascript - Asynchrony

This page is Asynchrony in javascript. Asynchrony is not only critical to the performance of our applications, but it’s also increasingly becoming the critical factor in writability and maintainability....
Javascript Es Promise State
Javascript - Promise Function

in the Javascript context A promise is a function that encapsulate a executor function in order to: execute it asynchronously and returns its result (ie ) A promise is one way of enabling asynchrony...
React - Fetch

in react that fetch data from an API endpoint Class Component: see Function Component: see
Web - Static Web Site

A Static website is a web application that is composed of static resources. (ie the web site doesn't need to generate dynamic pages at runtime) The first reason to create or generate a static website...

Share this page:
Follow us:
Task Runner