高手莫入--最简单的AJAX实例
 
学习AJAX参考了网上大量的实例,学得很艰难,代码可读性太差。本例就是一个入门的Hello World,类似本例的程序网上也许有,但是绝非抄袭。
 
本例很模仿用户注册,输入过程中动态检查错误实时显示,效果图如下:
高手莫入--最简单的AJAX实例_第1张图片
 
对着上面这个图,来写代码。
 
一、创建Java Web项目,并创建两个页面
 
a.html




用户注册:

用户编号:"text" name= "code" onblur= "test();">*
"myDiv" name= "myDiv">


用户名称:"text" name= "name">

"button" value= "注册" onclick= "test();">


 
创建处理表单数据的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 be null or empty");
        } else if (code != null && code.equals( "admin")) {
                out.println( "code can't be admin");
        } else {
                out.println( "OK");
        }
%>
 
 
二、部署运行
高手莫入--最简单的AJAX实例_第2张图片
 
 
高手莫入--最简单的AJAX实例_第3张图片
 
呵呵,很简单吧~!