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

刺骨的言语ヽ痛彻心扉 2022-07-28 11:50 8阅读 0赞

> 本次实战巩固Ajax,Jquery,Json与Struts2基础知识。针对初学者学习，大牛勿喷！！！哈哈。。。

### 浏览效果图 ###

大家先看看效果图（有图有真相！）

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

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

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

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

那我们就开始了。。。。

### 操作步骤（动手了。。。） ###

##### 1.首先我们先导入所需要的包及文件 #####

**Json 包：**

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

**struts2 包：**

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

**引入jquery-2.1.1.min.js文件。**

##### 2.然后，我们需要在web.xml 文件中，配置Struts2过滤器 #####

<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>

##### 3.然后，开始编写我们的login.jsp页面，当然大家可以对他加一些CSS样式，使其更加美观。（我只简单做了一下，有点Low） #####

<div class="row">
        <h1>Ajax+Jquery验证用户的唯一性</h1>
        <form action="" method="post">
            <h3>名字：</h3>
            <input type="text" id="name" class="form-control" name="user.name" id="name" placeholder="请输入你的用户名">
            <br><br>
            <input type="submit" class="btn btn-success" value="验证用户的唯一性"/>    
            <span id="namemsg"></span>
        </form>
    </div>

##### 4.然后，我们开始写Action了。 #####

//验证用户的唯一性
    public void isexist() throws IOException {
            boolean exist = name.equals("张三") ;
            JSONObject result=new JSONObject();
            if(exist){
                result.put("exist", true);
            }else{
                result.put("exist", false);
            }
            ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
            PrintWriter out=ServletActionContext.getResponse().getWriter();
            out.println(result.toString());
            out.flush();
            out.close();
        }

##### 5.最后，编写Struts.xml文件 #####

<package name="user" namespace="/" extends="struts-default">        
        <action name="user_*" class="com.ddge.action.UserAction" method="{1}">
            <result name="error">/login.jsp</result>
        </action>
    </package>

### 总结 ###

开始部署，测试！效果是不是就出来了。  
另外送上我喜欢的一句话。。。

> “身在让人迷茫的大学，告诉自己：像个人一样活着吧，正经地学点东西吧，要慎重的做出选择呀，保持清醒的头脑吧。你的行为并不是只牵动着你一个人，即使年轻，也一定要勇敢的承担起责任。”

[20160415154821703]: /images/20220724/3430ea0b95b84f92bf86bfca8aa99caa.png
[20160415154857907]: /images/20220724/05f0912322bd4c9bacb48d4a9654c288.png
[20160415154912938]: /images/20220724/f8121c37de3a49338900a4a20a427824.png
[20160415154922502]: /images/20220724/bbbc5574915e4a4980766678b40efc03.png
[20160415152037277]: /images/20220724/c9e493f6fb674b9eb40a50d1fa4c304e.png
[20160415152110175]: /images/20220724/a9af412515884fe18d1efd214fd9a545.png