`

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

    博客分类:
  • 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" onclick="beginCheck();" 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[i])){
    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>

分享到:
评论

相关推荐

    ajax检验注册唯一性验证

    在“ajax检验注册唯一性验证”这个场景中,我们主要探讨的是如何利用Ajax来实现注册时对用户名或邮箱等信息的实时验证,确保其在数据库中的唯一性。 首先,我们需要创建一个HTML表单,包含输入框供用户输入待注册的...

    JQ asp.net ajax 用户注册

    本项目“JQ asp.net ajax 用户注册”旨在实现一个简单的用户注册流程,利用jQuery(简称JQ)与ASP.NET AJAX技术,提供前端交互体验和后端数据处理。以下将详细介绍该系统的核心知识点: 1. **jQuery (JQ) 介绍**: ...

    Ajax技术在远程教学网站上的应用.pdf

    2. 实现无刷新用户名唯一性检测:在注册页面,利用Ajax技术可以实现无刷新用户名唯一性检测,提高用户体验和系统性能。 3. 实现注册新用户的注册功能:在注册页面,利用Ajax技术可以实现注册新用户的注册功能,提高...

    Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)

    总结来说,Asp.net下利用jQuery AJAX实现用户注册检测,主要涉及以下知识点: 1. **jQuery**:一个流行的JavaScript库,用于简化DOM操作、事件处理、动画效果以及Ajax交互。 2. **jQuery FormValidator 插件**:...

    如何使用jquery实现异步验证用户名的唯一性

    本教程将详细讲解如何利用jQuery库实现异步验证用户名的唯一性,以此来提高用户体验,避免用户在提交表单时因用户名已被占用而反复尝试。 首先,理解jQuery的核心是其强大的DOM操作、事件处理和Ajax功能。在这个...

    ajax实现google下拉搜索

    本篇将详细介绍如何利用Ajax技术,结合VS2008开发环境和Oracle数据库(当然,也可以选择SQL2000或SQL2005)来实现这一功能。 ### 一、Ajax基础 Ajax,全称为"Asynchronous JavaScript and XML",即异步JavaScript...

    IP查询(AJAX)

    本文将深入探讨IP查询与AJAX之间的关联,以及如何利用AJAX实现实时、无刷新的IP查询功能。 首先,了解IP地址是理解IP查询的基础。IP地址(Internet Protocol address)是互联网上的唯一标识符,由四组数字组成,每...

    Ajax表单验证自动检测是否重名

    在本场景中,我们探讨的是如何使用Ajax进行表单验证,特别是针对用户输入的唯一性检查,例如检测用户名是否重名。这种功能在注册、创建账号或者设置唯一标识符的场合非常常见,它能提供即时反馈,提升用户体验。 ...

    ajax检测用户名是否重复

    在本教程中,我们将探讨如何利用AJAX(Asynchronous JavaScript and XML)技术来检测用户名是否重复,以提升用户体验,避免用户在提交表单后才收到用户名已存在的错误提示。 首先,让我们理解什么是AJAX。AJAX是一...

    Ajax之用户注册实例_ajaxcheckuser.zip

    这个“Ajax之用户注册实例_ajaxcheckuser.zip”压缩包文件包含了一个实际的Ajax用户注册验证示例,旨在教授如何利用Ajax实现动态、无刷新的用户注册功能。下面我们将深入探讨这一技术及其在用户注册中的应用。 首先...

    Ajax快车道 ajax入门宝典

    - **使用jQuery进行Ajax开发**:学习如何利用jQuery快速实现Ajax功能。 8. **现代Web技术与Ajax** - **Fetch API**:作为XMLHttpRequest的替代,Fetch API提供了更简洁、更现代的接口。 - **Promises与async/...

    Ajax应用开发典型实例

    本教程将深入探讨如何利用Ajax技术来构建高效、动态的Web应用程序,特别是在ASP(Active Server Pages)环境中。 ### 1. Ajax基础 Ajax的核心组件包括JavaScript、XMLHttpRequest对象、DOM(Document Object Model...

    ajax无刷新验证会员注册系统

    在这个“Ajax无刷新验证的用户注册系统”中,我们将深入探讨如何利用Ajax技术来构建一个高效、实时的会员注册流程,以及ASP(Active Server Pages)作为后台处理引擎的角色。 首先,让我们理解Ajax的核心概念。Ajax...

    ajax数据验证教学实例

    本教学实例将重点关注如何利用Ajax进行数据验证,这是一个关键步骤,确保用户输入的数据在提交前符合预期格式和规则。 在Web表单中,数据验证是必不可少的,它能预防无效数据的提交,减少服务器端的压力,并提供...

    AJAX最全的学习资料

    - **金山词霸功能**:利用Ajax实现类似金山词霸的实时翻译功能,用户输入单词后,后台查询翻译结果并显示。 - **级联菜单**:通过Ajax实现动态级联下拉菜单,根据用户的选择动态加载子菜单项,提高用户体验。 ...

    Asp.net Ajax框架教程

    同时,开发者也可以利用AJAX Control Toolkit创建自己的自定义控件。 5. **Partial Page Rendering** ASP.NET AJAX实现了部分页面渲染,只更新页面上需要更改的部分,大大提高了页面性能。这减少了网络传输的数据...

    Ajax新手快车道

    同时,实践是检验真理的唯一标准,建议结合实际项目,不断练习和探索,将理论知识转化为实际技能。 以上就是关于Ajax的一些基础知识及其在不同开发环境中的应用,希望对你在学习Ajax的道路上有所帮助。

    ajaxjsp登陆的例子 ajax+sqlserver2000 快速注册验证

    在这个“ajaxjsp登陆的例子”中,我们主要探讨如何利用Ajax、JSP、JavaScript以及SQL Server 2000来实现一个快速的用户注册验证系统。 首先,让我们详细了解一下Ajax的核心概念。Ajax并不是一个单一的技术,而是一...

    jquery.ajax+php制作帝国6.6~7.2检测会员名是否可注册插件源码

    这个系统通常需要验证用户的输入,例如会员名,确保其唯一性和可用性。这里提到的"jquery.ajax+php制作帝国6.6~7.2检测会员名是否可注册插件源码"就是一个专门为帝国CMS(EmpireCMS)6.6到7.2版本设计的解决方案,...

    Ajax中文手册+API文档=中文版

    这种技术的核心在于利用JavaScript进行异步数据交换,结合XML或其他格式的数据,使得网页交互性更强,用户体验更佳。本压缩包包含两份中文资源,一份是API手册,另一份是Ajax中文手册的快速上手指南,对于想要学习和...

Global site tag (gtag.js) - Google Analytics