jquery ajax验证用户名是否存在(后台spring mvc)
controller层
- @ResponseBody
- @RequestMapping(value = "/user/isExist", produces = "application/json")
- public boolean isExist(Model model,String userName) {
- boolean flag = userPrivilegeServiceFacade
- .isExistUserName(userName);
- if(flag) {
- return true;
- }
- return false;
- }
jsp页面
- <form:form class="form-horizontal" id="form" method="post" modelAttribute="user"
- enctype="multipart/form-data" >
- <div class="control-group">
- <form:label path="userName" class="control-label">
- <spring:message code="system.user.userName" />
- </form:label>
- <div class="controls">
- <form:input path="userName" onblur="checkIsExist();" onfocus="clearCss();" />
- <site:required />
- <span id="showResult"></span>
- <form-extension:errors path="userName" cssClass="error" />
- </div>
- </div>
- </form:form>
- <script type="text/javascript">
- function checkIsExist() {
- var userName = $.trim($("#userName").val());
- $.ajax({
- type:"POST", //http请求方式
- url:"<spring:url value="/system/userprivilege/user/isExist" />", //发送给服务器的url
- data:"userName="+userName, //发送给服务器的参数
- dataType:"json", //告诉JQUERY返回的数据格式(注意此处数据格式一定要与提交的controller返回的数据格式一致,不然不会调用回调函数complete)
- complete:function(msg) {
- if (eval("(" + msg.responseText + ")")) {
- $("#showResult").html("<font color='red'>用户名已存在</font>");
- } else {
- $("#showResult").html("");
- }
- }//定义交互完成,并且服务器正确返回数据时调用回调函数
- });
- }
- function clearCss() {
- $("#showResult").html("");
- }
- </script>
错误的例子(controller层)
- @ResponseBody
- @RequestMapping(value = "/user/isExist", produces = "application/json")
- public boolean isExist(Model model,String userName) {
- boolean flag = userPrivilegeServiceFacade
- .isExistUserName(userName);
- return flag;
- }
优化的例子
controller层
- @ResponseBody
- @RequestMapping(value = "/user/isExist", produces = "application/json")
- public ResultDTO isExist(Model model,String userName) {
- ResultDTO result = new ResultDTO();
- boolean success = userPrivilegeServiceFacade
- .isExistUserName(userName);
- result.setSuccess(success);
- if(success) {
- result.setMessage("<font color='red'>用户名已存在</font>");
- } else {
- result.setMessage("<font color='green'>用户名合法</font>");
- }
- return result;
- }
domain层
- public class ResultDTO implements Serializable{
- private static final long serialVersionUID = 1L;
- private boolean success;
- private String message;
- public boolean isSuccess() {
- return success;
- }
- public void setSuccess(boolean success) {
- this.success = success;
- }
- public String getMessage() {
- return message;
- }
- public void setMessage(String message) {
- this.message = message;
- }
- }
jsp页面
- <script type="text/javascript">
- function checkIsExist() {
- var userName = $.trim($("#userName").val());
- $.ajax({
- type:"POST", //http请求方式
- url:"<spring:url value="/system/userprivilege/user/isExist" />", //发送给服务器的url
- data:"userName="+userName, //发送给服务器的参数
- dataType:"json", //告诉JQUERY返回的数据格式(注意此处数据格式一定要与提交的controller返回的数据格式一致,不然不会调用回调函数complete)
- complete : function(msg) {
- var result = eval("(" + msg.responseText + ")");
- if(result.success) {
- $("#showResult").html(result.message);
- } else {
- $("#showResult").html(result.message);
- }
- }
- });
- }
- function clearCss() {
- $("#showResult").html("");
- }
- </script>
jquery ajax验证用户名是否存在(后台spring mvc)的更多相关文章
- 利用jQuery实现的Ajax 验证用户名是否存在
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
- 基于jQuery实现的Ajax 验证用户名唯一性
基于jQuery实现的Ajax 验证用户名唯一性 前端jsp页面代码 <tr> <th><span class="requiredField"> ...
- 使用ajax验证用户名重复
继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用 ...
- 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
- Ajax验证用户名是否被注册
Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObjec ...
- 11.10 (下午)开课二个月零六天(ajax验证用户名,ajax调数据库)
用ajax验证用户名是否可用 testuid.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...
- Ajax验证用户名
用Ajax验证用户名: 接口: get guestbook/index.php m : index a : verifyUserName username : 要验证的用户名 返回 { code : ...
随机推荐
- GREENPLUM简单介绍
原帖:http://www.itpub.net/thread-1409964-1-1.html 什么是GREENPLUM? 对于非常多IT人来说GREENPLUM是个陌生的名字.简单的说它就是一个与O ...
- jQuery(expression, [context]) , $(即jQuery)的參数问题
jQuery(expression, [context]) 返回值:jQuery 概述 这个函数接收一个包括 CSS 选择器的字符串,然后用这个字符串去匹配一组元素. jQuery 的 ...
- libvirt学习
高级libvirt API可划分为5个API部分:虚拟机监控程序连接API.域API.网络API.存储卷API.存储池API.
- c# winform 弹出确认消息框判断是否删除?
if (MessageBox.Show("确认删除?", "此删除不可恢复", MessageBoxButtons.YesNo) == DialogResult ...
- c,const和指针组合的几种意义
const和指针的组合: 注释部分表示非法. ; ; p=&a; //*p = 1 ; ; pp= &a; //*pp = 1; ; //pv=&a; *pv = ; ; // ...
- 自定义Log4cpp的日志输出格式
// 1. 实例化一个PatternLayout对象 log4cpp::PatternLayout* pLayout = new log4cpp::PatternLayout(); // 2. 实例化 ...
- awk内置变量 awk有许多内置变量用来设置环境信息,这些变量可以被改变,下面给出了最常用的一些变量。
ARGC 命令行参数个数 ARGV 命令行参数排列 ENVIRON 支持队列中系统环境变量的使用 FILENAME awk浏览的文件名 FNR 浏览文件的记录数 FS 设置输入域分隔符,等价于命令行 ...
- linux下执行sh文件报错:oswatcher_restart.sh: line 13: ./startOSW.sh: Permission denied
1 查看执行sh文件的内容 [root@xxxdb0402 dbscripts]# more oswatcher_restart.sh #!/usr/bin/ksh #export oswdir=` ...
- zepto.js介绍(持续更新)
前言: zepto是一个简化版的jQuery,主要针对移动端开发. 简化了jQuery里很多的浏览器兼容性代码,jQuery的很多方法都被拿掉了(eg:slideUp). WP设备兼容性很差. 官方链 ...
- 流行python服务器框架
流行python服务器框架 1.tonardo---- 多并发.轻量级应用, “非阻塞”的web 容器.类似tomcat.这个大家太熟悉了,就不多说了. 2.Twisted---- Twisted ...