学习AJAX参考了网上大量的实例，学得很艰难，代码可读性太差。本例就是一个入门的Hello World，类似本例的程序网上也许有，但是绝非抄袭。
对着上面这个图，来写代码。
一、创建Java Web项目，并创建两个页面
a.html
<html>
<body>
<script language= "JavaScript">
varreq = null;
functiontest() {
//初始化
varcode = document.all.code.value;
varname = document.all.name.value;
req = newActiveXObject( "Microsoft.XMLHTTP");
//设置属性，当后台处理完成后，回来调用myDeal方法。
req.onreadystatechange = myDeal;
//发出请求
req.open( "GET","b.jsp?code="+ code + "&name="+ name,"false");
req.send( null);
}
functionmyDeal() {
if(req.readyState == 4) {
//接收服务端返回的数据
varret = req.responseText;
//处理数据
document.all( "myDiv").innerHTML = ret;
}
}
</script>
用户注册：<br>
用户编号：<input type= "text"name= "code"onblur= "test();">* <div id= "myDiv"name= "myDiv"></div><br>
用户名称：<input type= "text"name= "name"><br>
<input type= "button"value= "注册"onclick= "test();">
</body>
</html>
<body>
<script language= "JavaScript">
varreq = null;
functiontest() {
//初始化
varcode = document.all.code.value;
varname = document.all.name.value;
req = newActiveXObject( "Microsoft.XMLHTTP");
//设置属性，当后台处理完成后，回来调用myDeal方法。
req.onreadystatechange = myDeal;
//发出请求
req.open( "GET","b.jsp?code="+ code + "&name="+ name,"false");
req.send( null);
}
functionmyDeal() {
if(req.readyState == 4) {
//接收服务端返回的数据
varret = req.responseText;
//处理数据
document.all( "myDiv").innerHTML = ret;
}
}
</script>
用户注册：<br>
用户编号：<input type= "text"name= "code"onblur= "test();">* <div id= "myDiv"name= "myDiv"></div><br>
用户名称：<input type= "text"name= "name"><br>
<input type= "button"value= "注册"onclick= "test();">
</body>
</html>
创建处理表单数据的b.jsp
<%@ page contentType=
"text/html;charset=UTF-8"language=
"java"%>
<%
//接收参数
String code = request.getParameter( "code");
String name = request.getParameter( "name");
//控制台输出表单数据看看
System.out.println( "code="+ code + ",name="+ name);
//检查code的合法性
if(code == null|| code.trim().length() == 0) {
out.println( "code can't benullor empty");
} else if(code != null&& code.equals( "admin")) {
out.println( "code can't be admin");
} else{
out.println( "OK");
}
%>
<%
//接收参数
String code = request.getParameter( "code");
String name = request.getParameter( "name");
//控制台输出表单数据看看
System.out.println( "code="+ code + ",name="+ name);
//检查code的合法性
if(code == null|| code.trim().length() == 0) {
out.println( "code can't benullor empty");
} else if(code != null&& code.equals( "admin")) {
out.println( "code can't be admin");
} else{
out.println( "OK");
}
%>
二、部署运行
