AJAX Introduction
What is AJAX?
AJAX = Asynchronous JavaScript And XML.
AJAX is not a programming language.
AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) JavaScript and HTML DOM (to display or use the data).
AJAX requires server to work.
 
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h1>The XMLHttpRequest Object</h1>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
</script>
</body>
</html>
 
File AJAX to load
<h1>AJAX</h1> <p>AJAX is not a programming language.</p> <p>AJAX is a technique for accessing web servers from a web page.</p> <p>AJAX stands for Asynchronous JavaScript And XML.</p>
23 Related pages
- About jQuery
 - AJAX Introduction
 - Copy CSS style from an element and pass it to other element, jQuery
 - Dark Light Mode website, jQuery
 - if the window size is bigger than 1000px do stuff. jQuery
 - Include CDN jQuery
 - jQuery Checkbox if else
 - jQuery input radio button
 - jQuery library included locally
 - jQuery Limited interval
 - jQuery localStorage explained
 - jQuery Next and Prev element addclasses
 - jQuery Radio button enable input
 - jQuery Refresh the page to change the background-colour
 - jQuery Screen size of this device in px
 - jQuery setInterval, On page load
 - jQuery Start / Stop interval
 - jQuery Start interval with start button
 - jquery Tick box to enable a button
 - jQury plugin form validation
 - Jump to Section in page, Distance to the top page, Smooth scroll
 - setTimeout, jQuery
 - Table Search with jQuery Misc
 























