<%@ page language=
"java"
contentType=
"text/html; charset=UTF-8"
pageEncoding=
"UTF-8"
%>
<!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=UTF-8"
>
<title>ajax1</title>
<script>
function
createXhr(){
try
{
return
new
ActiveXObject('Microsoft.XMLHTTP');
}
catch
(e){
}
try
{
return
new
XMLHttpRequest();
}
catch
(e){
}
};
function
$(id){
return
document.getElementById(id);
};
window.onload=
function
(){
$('username').onblur=
function
(){
var
username=$('username').value;
var
xhr=createXhr();
xhr.onreadystatechange=
function
(){
if
(xhr.readyState==4&&xhr.status==200){
};
}
xhr.open(
"get"
,
"/ajax2?username="
+username);
xhr.send(null);
}
};
</script>
</head>
<body>
用户名:<input type=
"text"
name=
"username"
id=
"username"
/>
</body>
</html>