Ajax vs Traditional Web Applications

A set of technologies used for web development that allows for asynchronous communication between the web browser and server, avoiding full page refreshes.

Describes a set of technologies within Ajax that enables dynamic web applications with efficient communication between web browser and server.

A JavaScript object used for asynchronous communication with a web server, part of Ajax technology.

A lightweight data-interchange format used in Ajax, primarily for exchanging data between web browsers and servers.

Dynamic changes of web page content, elements, and structure using JavaScript. Modifying the content of a webpage without reloading

Outdated web page loading method. The entire web page is reloaded from the server when content changes.

A method of communication where two or more units or systems can work together without waiting for a single response. The web browser communicates with a server and receives data without waiting for the full content.

Web pages that combine data from multiple sources in one location. Think about putting content from different websites together on to one page.

A web application where the server is primarily responsible for constructing the interface, and user interactions trigger complete page reloads.

A web application that uses JavaScript to dynamically update parts of a webpage without requiring a full page reload. Communication with the server happens in the background using HTTP requests.

The part of a web page that a user sees and interacts with. Using AJAX, the front end is developed by JavaScript, not the server, unlike traditional web applications.

A programming interface for HTML and XML documents. It represents the structure of a document as a tree of objects, allowing JavaScript to access and modify individual elements.

A browser API that allows JavaScript to make asynchronous HTTP requests to a server without interfering with the rest of the page.

A communication protocol in the web that AJAX uses to submit information to the server without reloading the whole page.

The ability of an AJAX web application to remain responsive while the Ajax engine communicates with the server and updates content in the background.

An intermediary JavaScript program that handles communication with the server on behalf of the user to update a web page.

User interaction that happens independently of communication with the server, allowing the application to stay responsive.

Object used to manage asynchronous communication with the server in Ajax applications.

Formats used to exchange data between the client and server in an Ajax application.

A way of initiating communication for user actions in Ajax; instead of an HTTP request, a JavaScript call is used to interact with the application.

Handles user actions to communicate without page reloads.

A JavaScript component that handles web application interactions and manages requests to the server asynchronously. It handles simple actions locally and makes requests to the server when needed, such as submitting, loading, or retrieving new information.

Functions that control operations and handle data, with open() and send() used most often.

Prepares an operation by setting the HTTP request method and URL.

Starts the HTTP operation.

Used for retrieving data from the server.

Used for sending data to the server.

Shows the current status of an HTTP request.

Contains the response from the server as a string, often used with JSON.

Contains the response from the server as an XML document.

A property used to specify the type of data expected from a server-side response.

Options like 'arraybuffer', 'blob', 'document', 'json', and 'text' to define how the response will be formatted.

When responseType is 'json', returns a parsed JSON object; otherwise, returns the response as a string or other format according to responseType.

A property of 'req' that indicates the state of the XMLHttpRequest request (e.g., uninitialized, loading, ready, done).

Status code from server response (e.g., 200 for success, 404 not found).

Security restriction that prevents a script from accessing resources from a different domain.

Standard used for communication between web browsers and servers.

Accessing files from a computer's local storage.

A browser security restriction that prevents scripts from accessing data from a different domain than the one they originate from.

Images are exempt from cross-domain security restrictions, allowing them to be displayed from any domain.

A server that acts as an intermediary, forwarding requests from one domain to another, bypassing cross-domain restrictions.

A JavaScript interface for making network requests, providing a modern way to handle requests and responses compared to older methods.

A mechanism that allows servers to define which domains can access their resources, providing a way to control cross-domain access.

A proxy server is essential for cross-domain communication because it acts as a middleman, allowing your application to communicate with other domains.

A web application wants to use data from both its own site and Yahoo! but this is restricted due to cross-domain security policies.

In a proxy setup, the actual request URL used by your application is different because it needs to go through the proxy server.