Magazine
 
Quick Review:Ajax
 
Ajax Examples

AjaxUserNameAvailability.html

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>AJAX and Servlet</title>
<script language=”javascript”>
var xmlHttp;
function checkUserExist() {
var username = document.getElementById(“username”).value;
var url = “/Ajax/AJAXCheckUserServlet?username=” + username;
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject){
xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlHttp.open(“Get”,url,true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback() {
if( xmlHttp.readyState==4 ){
if( xmlHttp.status==200 ) {
document.getElementById(‘text’).innerHTML = “<br/><b>”+xmlHttp.responseText+”</
b>”;
}
}
}
function focusIn(){
document.getElementById(“username”).focus( );
}
</script>
</head>
<body onload=”focusIn();”>
<form>
User Name <input type=”text” id=”username” name=”username” />
<input type=”button” value=”Check User Name Availability” onClick=”checkUserExist()”/>
<div id=” text” ></div>
</form>
</body>
</html>

Traditionally, when the user registers itself to create the account with the application, there may be many fields to be entered in addition to the user name. Now the whole data is submitted to the server. If the user name with the same name exists already then application sends back the same page again to let the user choose any other user name.

Apr 2008 | Java Jazz Up | 21
 
previous
index
next
 
Pages: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29,

30
, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53 , 54, 55, 56, 57,

58
, 59, 60, 61, 62, 63 , 64, 65 , 66 , 67 , 68 , 69 , 70, 71, 72, 73, 74, 75, 76, 77, 78,   Download PDF