Ajax验证用户的唯一性-巨人网络通讯

针对初学者，学习Ajax验证用户的唯一性实战是为了巩固Ajax,Jquery,Json与Struts2基础知识，具体内容如下

浏览效果图：

那我们就开始了，操作步骤如下

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

Json 包：

struts2 包：

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

script type="text/javascript" src="js/jquery-2.1.1.min.js">/script>

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="验证用户的唯一性"/>nbsp;nbsp;nbsp;nbsp;
  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>

总结

开始部署，测试！效果是不是就出来了。

以上就是本文的全部内容，希望对大家的学习有所帮助。

您可能感兴趣的文章:

Ajax 用户名验证是否存在
AJAX 用户唯一性验证实现代码
asp.net结合Ajax验证用户名是否存在的代码
Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）
jQuery.ajax 用户登录验证代码
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路
Ajax实现异步刷新验证用户名是否已存在的具体方法

全 部 栏 目

全部栏目