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 : ...
随机推荐
- Python字典处理技巧
从字典中取值(不想由于搜索的键不存在而异常) 解决方法: 使用字典的get方法 (get方法只读取字典的值而不会去修改字典) d={'key':'value'} print d.get('key',' ...
- 无法启动outlook mapi
office2013 管理员权限,在命令行中定位到office15文件夹,然后运行命令"outlook /importprf ..prf"
- 01-IOSCore - NSString、NSFileManager、NSBundle、StringAndObjectConvert
模型 1 将数据存储到硬盘,将硬盘上的数据在读回内存 2 文件存储: NSFileHandle 对文件的读写 NSData 二进制数据 NSString 表示文件路径 NSFileManager(对文 ...
- C++中实现对map按照value值进行排序 - 菜鸟变身记 - 51CTO技术博客
C++中实现对map按照value值进行排序 - 菜鸟变身记 - 51CTO技术博客 C++中实现对map按照value值进行排序 2012-03-15 15:32:36 标签:map 职场 休闲 排 ...
- [置顶] Android中使用sqlite3操作SQLite
SQLite库包含一个名字叫做sqlite3的命令行,它可以让用户手工输入并执行面向SQLite数据库的SQL命令.本文档提供一个样使用sqlite3的简要说明. 一.创建数据库: 1.将sqlit ...
- mysql中IN和EXITS效率
mysql中的in语句是把外表和内表作hash 连接.而exists语句是对外表作loop循环,每次loop循环再对内表进行查询.一直大家都觉得exists比in语句的效率要高.这样的说法事实上是不准 ...
- 【Cocos2d-x游戏引擎开发笔记(25)】XML解析
原创文章,转载请注明出处:http://blog.csdn.net/zhy_cheng/article/details/9128819 XML是一种非常重要的文件格式,由于C++对XML的支持非常完善 ...
- SQL Server 存储过程、触发器、游标
存储过程 1.存储过程是事先编好的.存储在数据库中的程序,这些程序用来完成对数据库的指定操作. 2.系统存储过程: SQL Server本身提供了一些存储过程,用于管理有关数据库和用户的信息. 用户存 ...
- SRM 223 Div II Level Two: BlackAndRed,O(N)复杂度
题目来源:http://community.topcoder.com/stat?c=problem_statement&pm=3457&rd=5869 解答分析:http://comm ...
- SEO分享:我为什么会有这么多的优质外链资源?
前面小浪发了一篇文章" [完整版]我是怎样3个月把800指数的词做上首页的.",非常多人看了之后都表示非常佩服.顽强的运行力.确实SEO就是要顽强的运行力,也有人说吹牛吧,一天50 ...