主页 > 知识库 > Ajax验证用户的唯一性

Ajax验证用户的唯一性

热门标签:团购网站 阿里云 Linux服务器 Mysql连接数设置 银行业务 服务器配置 科大讯飞语音识别系统 电子围栏

针对初学者,学习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实现异步刷新验证用户名是否已存在的具体方法

标签:广元 大理 衢州 蚌埠 枣庄 江苏 萍乡 衡水

巨人网络通讯声明:本文标题《Ajax验证用户的唯一性》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266