yinxiangbing 发表于 2013-1-29 12:50:52

利用AJAX实现的用户唯一性检验

  我利用的框架是WEBWORK框架
  表现层:jsp
<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<html>
<head>
<title>用户唯一性校验</title>
<script type="text/javascript">
  //定义一个变量用于存放XMLHttpRequest对象
  var xmlHttp;
  //该函数用于创建一个XMLHttpRequest对象
  function createXMLHttpRequest(){
         if(window.ActiveXObject){
             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
         }else if(window.XMLHttpRequest){
             xmlHttp = new XMLHttpRequest();
         }
  }
  //这是一个 启动AJAX异步 通信的方法
  function beginCheck(){
  var userName = document.all.userName.value;
 
  if(userName == ""){//如果尚未输入注册名
   alert("对不起,请你输入注册名!");
   return ;
  }
  //创建一个XMLHttpRequest对象
  createXMLHttpRequest();
  //将状态触发器绑定到一个函数
  xmlHttp.onreadystatechange = processor;
  //通过GET方法向指定的URL建立服务器的调用
  xmlHttp.open("GET","/checkUser.action?userName="+userName+"&password=123456");
  //发送请求
  xmlHttp.send(null);
  }
  //这是一个用来处理状态改变的函数
  function processor(){
  //定义一个变量用于存放从服务器返回的响应结果
  var responseContext;
  if(xmlHttp.readyState == 4){//如果响应完成
    if(xmlHttp.status == 200){//如果返回成功
     //取出服务器的响应内容
     responseContext = xmlHttp.responseText;
     alert(responseContext);
     //如果注册名检查有效
     if(responseContext.indexOf("true")!=-1){
          alert("恭喜你,该注册名有效!");
     }else{
      alert("对不起,该注册名已被使用!");
     }
              }
  }
  }
</script>
</head>
<body>
  <form action="checkUser.action" name="userNameForm">
       请输入用户名:
    <input name="userName" type="text" id="userName">
    <input type="button" name="userNameCheck"value="有效性检查">
 </form>
</body>
</html>
控制层Action
package com.dicorp.ajax.ajax_web.actions;
import javax.servlet.http.HttpServletRequest;
import com.opensymphony.webwork.RequestUtils;
import com.opensymphony.webwork.ServletActionContext;
import com.opensymphony.xwork.Action;
import com.opensymphony.xwork.ActionContext;
import com.sun.corba.se.spi.servicecontext.ServiceContext;
public class CheckUserAction  implements Action  {
    private String password;
    public String getPassword() {
  return password;
 }
 public void setPassword(String password) {
  this.password = password;
 }
 private String userName;
    private String responseContext;
 public String getUserName() {
  return userName;
 }
 public void setUserName(String userName) {
  this.userName = userName;
 }
 public String execute() throws Exception {
  
  System.out.println("***********************"+this.userName);
  String[] login = {"admin","users","yin"};
  
  String userName = this.userName;
  
  String password = this.password;
  String responseContext = "true";
  
  for(int i = 0 ; i < login.length;i++){
   if(userName.equals(login)){
    responseContext = "false";
   }
  }
   System.out.println("&&&&&&&&&&&&&&&&&&&&&&&&&"+responseContext+"*******"+password);
   ActionContext serviceContext = ActionContext.getContext();
 /*     serviceContext.getSession().put("responseContext", responseContext);
      serviceContext.getSession().put("password", password);*/
     serviceContext.put("responseContext",responseContext);
      serviceContext.put("password", password);
  return SUCCESS;
 }
 public String getResponseContext() {
  return responseContext;
 }
 public void setResponseContext(String responseContext) {
  this.responseContext = responseContext;
 }
}
xwork.xml配置文件
 
 <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xwork PUBLIC "-//OpenSymphony Group//XWork 1.1.1//EN" "http://www.opensymphony.com/xwork/xwork-1.1.1.dtd">
<xwork> 
  <include file="webwork-default.xml" />
  <package name="com.di.xiao" extends="webwork-default">
    <!-- checkuser -->
    <action name="checkUser" class="com.dicorp.ajax.ajax_web.actions.CheckUserAction">
     <result name="success" type="dispatcher">
      /jsp/checkuser/result.jsp
     </result>
    </action>
</xwork>
页: [1]
查看完整版本: 利用AJAX实现的用户唯一性检验