Ajax实战项目1 验证用户的唯一性环境（Ajax+struts2）

ゞ浴缸里的玫瑰 2022-07-27 15:51 123阅读 0赞

# 验证用户的唯一性 #

## Ajax验证用户名是否存在 ##

> 本次实战可以巩固Ajax知识。针对初学者学习，大牛勿喷！！！呵呵呵。。。

**不多说了先直接上图看效果：**

![这里写图片描述][20160324163919156]

![这里写图片描述][20160324163941563]

![这里写图片描述][20160324163955469]

![这里写图片描述][20160324164010001]

## 步骤： ##

**1. 导入相关架包**

![这里写图片描述][20160324162146868]

**2. 配置web.xml**

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
      <display-name>Ajax</display-name>
      <welcome-file-list>
        <welcome-file>login.jsp</welcome-file>
      </welcome-file-list>
      <filter>
        <filter-name>struts2</filter-name>
        <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
      </filter>
      <filter-mapping>
        <filter-name>struts2</filter-name>
        <url-pattern>/*</url-pattern>
      </filter-mapping>
    </web-app>

**3. 编写 login.jsp文件**

<div class="row">
        <h1>Ajax验证用户的唯一性</h1>
        <form action="">
            名字：
            <input type="text" id="name" name="name" id="name" onblur="checkUserName();" />
            <span id="namemsg"></span>
            <br><br>
            <input type="submit" value="submit">
        </form>
    </div>

**4. 编写 UserAction.java 文件**

public void isexist() {
            boolean isexist = getName().equals("张三") ;
            try {
                PrintWriter w = response.getWriter();
                w.print(isexist);
                w.flush();
                w.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

**5. 配置struts.xml**

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd">
    
    <struts>
    
        <constant name="struts.enable.DynamicMethodInvocation" value="true" />
        <constant name="struts.ui.theme" value="simple" /> 
        <constant name="struts.devMode" value="true" />
    
        <package name="default" namespace="/" extends="struts-default">     
            <action name="user_*" class="com.ddge.action.UserAction" method="{1}">
                <result name="error">/login.jsp</result>
            </action>
        </package>
    
    </struts>

## 总结 ##

> 这个实战项目很简单，由于js部分代码比较多，后面中会结合Jquery ，简化了部分代码。

[20160324163919156]: /images/20220727/705f67db8e144e8fb7564830218d745b.png
[20160324163941563]: /images/20220727/49bd877c778949f097c627b6da104469.png
[20160324163955469]: /images/20220727/848e8afd2c054e2db92f246bec8a4764.png
[20160324164010001]: /images/20220727/47c418af97d74e849194809ea8269e53.png
[20160324162146868]: /images/20220727/1faf821ba4d3446da0a022e20558cd56.png