今天需要写一个简单的应用:用户注册时检查用户名是否可以使用。
之前在struts2下貌似对ajax的支持是不错的(其实有点烦),而且网上有很多教程。不过这次是换成springmvc了,而且是spring3,网上东西不多。
不过还是在springsource上发现了一篇文章。
在客户端使用了formValidtor插件,这个插件真的不错,呵呵。
$("#loginName").formValidator({onshow:"请输入用户名",onfocus:"用户名至少6个字符,最多15个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:6,max:15,onerror:"你输入的用户名非法,请确认"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"}).ajaxValidator({
type : "get",
url : "${ctx}/ajax/checkLoginName",
datatype : "json",
success : function(data){
if( data == "1" )
{
return true;
}
else
{
return false;
}
},
buttons: $("#button"),
error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror : "该用户名不可用,请更换用户名",
onwait : "正在对用户名进行合法性校验,请稍候..."
});
这个是formValidator自带的ajax方式验证,很明了。
在老外的那片文章上发现可以有更简单的调用ajax方式:
jQuery.getJSON( url, [ data ], [ callback(data, textStatus) ] )
从jquey网站上可知:
This is a shorthand Ajax function, which is equivalent to:
$.ajax({
url: url,
dataType: 'json',
data: data,
success: callback
});
对应于服务端可以说实在太cool了,简直就是一个标准的spring control!!!!
@Controller
@RequestMapping("/ajax")
public class CommonServControl {
@RequestMapping(value = "/checkLoginName", method = RequestMethod.GET)
public @ResponseBody boolean checkLoginName(@RequestParam String loginName) {
boolean b = userServ.checkLoginName(loginName);
return b;
}
@Autowired
private UserServ userServ;
}
这段代码相信实在是够“POJO”了吧。
当然注意!!!这样还不够!
写道
Underneath the covers, Spring MVC delegates to a HttpMessageConverter to perform the serialization. In this case, Spring MVC invokes a MappingJacksonHttpMessageConverter built on the Jackson JSON processor. This implementation is enabled automatically when you use the mvc:annotation-driven configuration element with Jackson present in your classpath.
这段话的意思是,spring使用“HttpMessageConverter”来进行工作,因此我们还需要做一件事:
在springMVC的XXX-servlet.xml文件中加入这么一行:
<mvc:annotation-driven />
命名空间为:
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
default-autowire="byName"
xmlns:p="http://www.springframework.org/schema/p"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd">
OK 完事!
这个是post方式,也差不多,呵呵
1.
$(
"#account"
).submit(
function
() {
2.
var
account = $(
this
).serializeObject();
3.
$.postJSON(
"account"
, account,
function
(data) {
4.
$(
"#assignedId"
).val(data.id);
5.
showPopup();
6.
});
7.
return
false
;
8.
});
On the server-side, the Controller is more standard Java with Spring MVC annotations:
01.
@RequestMapping
(method=RequestMethod.POST)
02.
public
@ResponseBody
Map<String, ?
extends
Object> create(
@RequestBody
Account account, HttpServletResponse response) {
03.
Set<ConstraintViolation<Account>> failures = validator.validate(account);
04.
if
(!failures.isEmpty()) {
05.
response.setStatus(HttpServletResponse.SC_BAD_REQUEST);
分享到:
相关推荐
Ajax-Spring-MVC-CRUD-form-submit-and-ajax.zip,spring mvc crud应用程序(springmvc、hibernate 4.x、bootstrap 3.x、jquery、mysql),ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json...
NULL 博文链接:https://chen-rojer-gmail-com.iteye.com/blog/1038317
三期答辩课程设计,人事管理系统Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份,课设说明,答辩PPT,Windows下sts(eclipse) 。
非常不错的SpringMVC框架应用,是别人编辑整理的,本人在MyEclipse下布置是好用的,对初学者有相当的参考价值。
基于Spring MVC 2.5 和JQuery 实现的Ajax的一个HelloWorld例子,可以参照这个例子在其他Spring MVC工程加入ajax功能
项目描述 它是一个针对汽车销售有关的后台管理...spring+spring mvc+mybatis+bootstrap+jquery 数据库文件 链接:https://pan.baidu.com/s/1qWF4Nx3xGjjtW3fW-pjRDg 提取码:nfwj jar包文件 压缩包WEB-INF/lib下
Spring+SpringMVC+Mybatis+Maven+bootstrap+ajax+jQuery整合开发简单的员工后台管理系统,免责声明,朋友分享,切勿商用
01. 采用后台及前台的 Spring + Spring mvc + Hibernate + Bootstrap 02. 后台全注解式的开发(除了必要的spring和hibernate的xml配置以外) 03. 后台通过自定义注解结合一个访问拦截器实现整个系统的权限控制 04...
Spring MVC,hibernate 4.x,Bootstrap 3.x,FontAwesome 4.x,JQuery 应用服务器: Tomcat 8,Glassfish 4 D B : MySQL 5.x的 生成工具: Maven 项目结构: 项目职能: 使用表单提交创建用户: Ajax CRUD: ...
AJAX-jQuery-dojo-dwr-json 教程及源码,dojo单元测试,ajax优化,改造,实战,在 Spring Web MVC 环境下使用 Dojo,征服 Ajax 应用程序的安全威胁,最优化跨浏览器 Ajax 应用
springmvc jquery ajax json 异步传递数据 springmvc异步传递请求 已包含全部源代码实现 把jar包放入 然后新建文件 配置xml !!!!! 全部资源
弃用了struts,用spring mvc框架做了几个项目,感觉都不错,而且使用了注解方式,可以省掉一大堆配置文件。本文主要介绍使用注解方式配置的spring mvc,之前写的spring3.0 mvc和rest小例子没有介绍到数据层的内容,...
OA项目,使用SSM框架开发,使用EASYUI前端AJAX的JSON传值实现,对数据进行合理封装。
【项目原型】spring+spring mvc+mybatis+shiro+maven+bootstrap+ajax+json+分页+逆向工程 包含现在最流行的技术框架,快速部署各种应用,加入shiro权限框架,安全,美观,你值得拥有
用户登录增删改查的小项目,但包括前台界面设计,js,jQuery,ajax调后台,获取返回结果在前台界面用JS代码中处理,轻量实用适合新手入门项目开发。
前端使用jquery向后台传递数组类型的参数,Java后台直接通过List类型接收,会发现无法取到参数。
完整项目代码!可以学到spring mvc spring maven quartz jquery ajax json 等多种技术
所用到的技术有springMVC注解,,jQuery,jQuery-Easyui,JSON,JS技术,Maven技术,Ajax无刷新登录,注册等等,Mybatis技术,还有导出Excel通用方法,通用类有需要的朋友可以下下来直接使用,以及RestFUL风格增删改查,...