Web Development Beginner

What is AJAX?

A technique for making asynchronous HTTP requests from a web page without reloading the entire page.

AJAX (Asynchronous JavaScript and XML) enables dynamic page updates by fetching data from the server in the background. Originally using XMLHttpRequest, modern JavaScript uses the Fetch API: fetch('/api/data').then(r => r.json()).then(data => updateUI(data)).

AJAX revolutionized web development by enabling single-page-like experiences. Common uses include form submission without reload, infinite scrolling, auto-complete search, live notifications, and real-time dashboards. Despite the name, JSON has largely replaced XML as the data format.

Learn More About This Topic

JavaScript ES6+ Modern Features

Related reading

JavaScript Fundamentals

Related reading

Laravel Framework Fundamentals

Related reading

Related Terms

HTTP headers that control cross-origin resource sharing between different domains, specifying allowed origins, methods, and headers.

SSR (Server-Side Rendering)

A technique where web pages are rendered on the server and sent as complete HTML to the browser, improving SEO and initial load time.

JavaScript Object Notation — a lightweight data interchange format that is easy for humans to read and machines to parse.

The second major version of HTTP that improves performance through multiplexing, header compression, and server push.

DOM (Document Object Model)

A programming interface for HTML documents that represents the page structure as a tree of objects that can be manipulated with JavaScript.

Google's metrics for measuring user experience quality, including loading speed, interactivity, and visual stability of web pages.

View All Web Development Terms →