• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > Ajax验证用户的唯一性

Ajax验证用户的唯一性

作者:wenteryan 字体:[增加 减小] 来源:互联网 时间:2017-05-11

wenteryan通过本文主要向大家介绍了Ajax验证用户的唯一性等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

针对初学者,学习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>

</div>

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>

</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();
 }
</div>

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>

</div>

总结

开始部署,测试!效果是不是就出来了。

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11使用原生ajax处理json字符串的方法
  • 2017-05-11用AJAX实现页面登陆以及注册用户名验证的简单实例
  • 2017-05-11laypage前端分页插件实现ajax异步分页
  • 2017-05-11ajax提交url与ajax提交表单的详细比较
  • 2017-05-11Ajax实现无刷新分页实例代码
  • 2017-05-11ajax 异步上传带进度条视频并提取缩略图
  • 2017-05-11ajax poller
  • 2017-05-11利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力
  • 2017-05-11Ajax+js实现异步交互
  • 2017-05-11使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 基于HTML5 Ajax实现文件上传并显示进度条
    • 原生AJAX写法实例分析
    • ajax jquery 异步表单验证示例代码
    • AJAX实现瀑布流布局
    • Ajax异步(请求)提交类 支持跨域
    • 利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力
    • Ajax 核心框架函数及例子
    • 一个奇怪的问题使用ajax提交必须alert才能赋值
    • jQuery的ajax传参巧用JSON使用示例(附Json插件)
    • Ajax初试之读取数据篇实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有