controller层

  1. @ResponseBody
  2. @RequestMapping(value = "/user/isExist", produces = "application/json")
  3. public boolean isExist(Model model,String userName) {
  4.  
  5. boolean flag = userPrivilegeServiceFacade
  6. .isExistUserName(userName);
  7. if(flag) {
  8. return true;
  9. }
  10. return false;
  11. }

jsp页面

  1. <form:form class="form-horizontal" id="form" method="post" modelAttribute="user"
  2. enctype="multipart/form-data" >
  3. <div class="control-group">
  4. <form:label path="userName" class="control-label">
  5. <spring:message code="system.user.userName" />
  6. </form:label>
  7. <div class="controls">
  8. <form:input path="userName" onblur="checkIsExist();" onfocus="clearCss();" />
  9. <site:required />
  10. <span id="showResult"></span>
  11. <form-extension:errors path="userName" cssClass="error" />
  12. </div>
  13. </div>
  14. </form:form>
  1. <script type="text/javascript">
  2. function checkIsExist() {
  3. var userName = $.trim($("#userName").val());
  4. $.ajax({
  5. type:"POST", //http请求方式
  6. url:"<spring:url value="/system/userprivilege/user/isExist" />", //发送给服务器的url
  7. data:"userName="+userName, //发送给服务器的参数
  8. dataType:"json", //告诉JQUERY返回的数据格式(注意此处数据格式一定要与提交的controller返回的数据格式一致,不然不会调用回调函数complete)
  9. complete:function(msg) {
  10. if (eval("(" + msg.responseText + ")")) {
  11. $("#showResult").html("<font color='red'>用户名已存在</font>");
  12. } else {
  13. $("#showResult").html("");
  14. }
  15. }//定义交互完成,并且服务器正确返回数据时调用回调函数
  16. });
  17. }
  18. function clearCss() {
  19. $("#showResult").html("");
  20. }
  21. </script>

错误的例子(controller层)

  1. @ResponseBody
  2. @RequestMapping(value = "/user/isExist", produces = "application/json")
  3. public boolean isExist(Model model,String userName) {
  4.  
  5. boolean flag = userPrivilegeServiceFacade
  6. .isExistUserName(userName);
  7.  
  8. return flag;
  9. }

优化的例子

controller层

  1. @ResponseBody
  2. @RequestMapping(value = "/user/isExist", produces = "application/json")
  3. public ResultDTO isExist(Model model,String userName) {
  4.  
  5. ResultDTO result = new ResultDTO();
  6.  
  7. boolean success = userPrivilegeServiceFacade
  8. .isExistUserName(userName);
  9.  
  10. result.setSuccess(success);
  11.  
  12. if(success) {
  13. result.setMessage("<font color='red'>用户名已存在</font>");
  14. } else {
  15. result.setMessage("<font color='green'>用户名合法</font>");
  16. }
  17. return result;
  18. }

domain层

  1. public class ResultDTO implements Serializable{
  2. private static final long serialVersionUID = 1L;
  3.  
  4. private boolean success;
  5. private String message;
  6. public boolean isSuccess() {
  7. return success;
  8. }
  9. public void setSuccess(boolean success) {
  10. this.success = success;
  11. }
  12. public String getMessage() {
  13. return message;
  14. }
  15. public void setMessage(String message) {
  16. this.message = message;
  17. }
  18.  
  19. }

jsp页面

  1. <script type="text/javascript">
  2.  
  3. function checkIsExist() {
  4. var userName = $.trim($("#userName").val());
  5. $.ajax({
  6. type:"POST", //http请求方式
  7. url:"<spring:url value="/system/userprivilege/user/isExist" />", //发送给服务器的url
  8. data:"userName="+userName, //发送给服务器的参数
  9. dataType:"json", //告诉JQUERY返回的数据格式(注意此处数据格式一定要与提交的controller返回的数据格式一致,不然不会调用回调函数complete)
  10. complete : function(msg) {
  11. var result = eval("(" + msg.responseText + ")");
  12. if(result.success) {
  13. $("#showResult").html(result.message);
  14. } else {
  15. $("#showResult").html(result.message);
  16. }
  17. }
  18. });
  19. }
  20. function clearCss() {
  21. $("#showResult").html("");
  22. }
  23. </script>

jquery ajax验证用户名是否存在(后台spring mvc)的更多相关文章

  1. 利用jQuery实现的Ajax 验证用户名是否存在

    异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

  2. 基于jQuery实现的Ajax 验证用户名唯一性

    基于jQuery实现的Ajax 验证用户名唯一性 前端jsp页面代码 <tr> <th><span class="requiredField"> ...

  3. 使用ajax验证用户名重复

    继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用 ...

  4. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  5. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  6. 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  7. Ajax验证用户名是否被注册

    Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObjec ...

  8. 11.10 (下午)开课二个月零六天(ajax验证用户名,ajax调数据库)

    用ajax验证用户名是否可用 testuid.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...

  9. Ajax验证用户名

    用Ajax验证用户名: 接口: get guestbook/index.php m : index a : verifyUserName username : 要验证的用户名 返回 { code : ...

随机推荐

  1. GREENPLUM简单介绍

    原帖:http://www.itpub.net/thread-1409964-1-1.html 什么是GREENPLUM? 对于非常多IT人来说GREENPLUM是个陌生的名字.简单的说它就是一个与O ...

  2. jQuery(expression, [context]) , $(即jQuery)的參数问题

    jQuery(expression, [context])         返回值:jQuery 概述 这个函数接收一个包括 CSS 选择器的字符串,然后用这个字符串去匹配一组元素. jQuery 的 ...

  3. libvirt学习

    高级libvirt API可划分为5个API部分:虚拟机监控程序连接API.域API.网络API.存储卷API.存储池API.

  4. c# winform 弹出确认消息框判断是否删除?

    if (MessageBox.Show("确认删除?", "此删除不可恢复", MessageBoxButtons.YesNo) == DialogResult ...

  5. c,const和指针组合的几种意义

    const和指针的组合: 注释部分表示非法. ; ; p=&a; //*p = 1 ; ; pp= &a; //*pp = 1; ; //pv=&a; *pv = ; ; // ...

  6. 自定义Log4cpp的日志输出格式

    // 1. 实例化一个PatternLayout对象 log4cpp::PatternLayout* pLayout = new log4cpp::PatternLayout(); // 2. 实例化 ...

  7. awk内置变量 awk有许多内置变量用来设置环境信息,这些变量可以被改变,下面给出了最常用的一些变量。

    ARGC 命令行参数个数 ARGV 命令行参数排列 ENVIRON 支持队列中系统环境变量的使用 FILENAME awk浏览的文件名 FNR 浏览文件的记录数 FS 设置输入域分隔符,等价于命令行 ...

  8. 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=` ...

  9. zepto.js介绍(持续更新)

    前言: zepto是一个简化版的jQuery,主要针对移动端开发. 简化了jQuery里很多的浏览器兼容性代码,jQuery的很多方法都被拿掉了(eg:slideUp). WP设备兼容性很差. 官方链 ...

  10. 流行python服务器框架

    流行python服务器框架   1.tonardo---- 多并发.轻量级应用, “非阻塞”的web 容器.类似tomcat.这个大家太熟悉了,就不多说了. 2.Twisted---- Twisted ...