XMLHttpRequest is the mechanism for sending data to and retrieving data from the server with Ajax.
Take our Ajax Training course for free.
See the Course Outline and RegisterXMLHttpRequest() constructor to create the object, as shown here:
var xmlhttp = newXMLHttpRequest();
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="lib.js"></script>
<script type="text/javascript">
function start() {
if (window.XMLHttpRequest) {
var xmlhttp = new XMLHttpRequest();
document.getElementById("Content").innerHTML =
"<h1>Using XMLHttpRequest Object</h1>";
} else {
var xmlhttp = false;
document.getElementById("Content").innerHTML =
"<h1>XMLHttp cannot be created!</h1>";
}
}
observeEvent(window, "load", function() {
var btn = document.getElementById("btnStart");
observeEvent(btn, "click", start);
});
</script>
<title>XMLHttpRequest - HTML5 Method</title>
</head>
<body>
<button id="btnStart">Start</button>
<div id="Content"></div>
</body>
</html>Code Explanation: This code attempts to create an XMLHttpRequest object using the XMLHttpRequest() constructor. If it succeeds, it writes out "Using XMLHttpRequest Object" to the body of the page. If it fails, it writes out "XMLHttp cannot be created!"
Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, XML, Windows, Java, Adobe, HTML5, JavaScript, Angular, and much more. Check out our complete course catalog.