To see how AJAX works, we will develop small AJAX Web Application.
First of all we need some HTML file with forms to input data. This will be one input field where we can write some text. In our case this will be some name. This HTML file we will save under ajax.html name. The code of HTML file can taken from box bellow: (Please note that the text input handle onkeypress event and call to ajax(); function and there is no "Submit" button in HTML form)
"exact phrase" include -exclude
will give you more specific results
will give you more specific results
AJAX - Step by Step [1/3]
|
<html>
<body>
<input type="text" onkeyup="ajax(this.value);">
</br>
<div id="result"></div>
</body>
</html>
The key of each AJAX application is the XMLHttpRequest object. In some browsers we have to use one methods to create the XMLHttpRequest object. In other browser we have to use other method. Because we don't know what browser use the user we will try each method until we successfully make XMLHttpRequest object.
var xmlhttp;
try {
xmlhttp=new XMLHttpRequest();
}
catch (e) {
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
alert("Your browser does not support AJAX!");
return false;
}
}
}
|
- AJAX - Step by Step [1/3] - | |
RECOMMENDED TUTORIALS
Need a specific tutorial? Do not hesitate and submit a request!