今天需要写一个简单的应用:用户注册时检查用户名是否可以使用。
之前在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);
分享到:
相关推荐
在IT行业中,Spring MVC和jQuery AJAX是两种广泛使用的技术,它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互,提升用户体验。 首先,Spring ...
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...
然后,我们可以使用jQuery来发送Ajax请求到Spring3 MVC的Controller。例如,使用$.ajax()或者$.getJSON()方法,向服务器发送GET或POST请求,接收JSON数据。 在Controller端,我们需要创建一个处理Ajax请求的方法,...
1. **异步数据加载**:使用jQuery的$.ajax或$.getJSON函数,向Spring MVC的Controller发送请求,获取JSON格式的数据,然后动态地更新页面内容。 2. **表单验证**:在客户端使用jQuery进行表单验证,如果验证失败,...
3. **数据绑定**:Spring MVC支持JSON或XML格式的数据交换,jQuery可以通过Ajax请求发送和接收这些格式的数据。使用`@RequestBody`和`@ResponseBody`注解,Spring MVC可以将JSON数据自动映射到Java对象。 4. **表单...
【标题】"spring3mvc-jQuery-easyUI做的ajax版本用户管理系统" 提供了一个使用SpringMVC、jQuery和easyUI框架构建的Web应用程序实例,它着重于实现基于Ajax的用户管理功能。这个项目展示了如何将这三个强大的技术...
在Spring3 MVC中,可以使用Jackson或Gson等库将Java对象转换为JSON字符串,然后通过Ajax请求传递给客户端,客户端再使用jQuery解析JSON数据,更新页面内容。 综上所述,这个整合架构提供了一种高效的Web开发模式,...
**Spring3 MVC与Ajax结合使用JSON** 在现代Web开发中,Spring框架的MVC模块与Ajax和JSON的集成是创建动态、响应式用户界面的关键技术。这个"Spring3 MVC Ajax with JSON"项目提供了一个Eclipse工程,包含了实现这一...
在Spring MVC中集成Ajax,通常会在前端使用JavaScript库如jQuery来发送Ajax请求。例如,我们可以创建一个AJAX函数,通过`$.ajax()`或`$.getJSON()`等方法向后台发送异步请求。这些请求通常带有特定的URL和参数,对应...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
- **jQuery Ajax**:Spring MVC常与jQuery库结合使用,通过$.ajax()或$.get()、$.post()等方法发送Ajax请求。在后端,你需要创建一个处理Ajax请求的Controller方法,使用@RequestMapping注解来定义URL路径。 ```...
综上所述,这个项目实例结合了Spring3 MVC的MVC架构、MyBatis的灵活数据库操作以及jQuery EasyUI的易用前端,为开发者提供了一个良好的学习和实践平台,有助于深入理解和掌握这些技术,并能快速构建类似的权限管理...
在Web应用开发中,Spring3 MVC框架和Ajax技术的结合使用能够极大地提升用户体验,实现页面的无刷新更新。本文将深入探讨如何在Spring3 MVC项目中集成Ajax,以便更好地理解这两者的协同工作原理。 **一、Spring3 MVC...
《网上书城 Spring-MVC》项目是基于Spring-MVC框架构建的一个典型电子商务平台,它展示了如何使用Spring-MVC来实现高效、灵活的Web应用程序开发。Spring-MVC是Spring框架的一部分,专门用于处理Web层的业务,提供了...
总的来说,这个项目结合了Spring MVC的强大后端处理能力,利用Jackson进行高效的JSON数据交换,以及jQuery和JavaScript实现富前端交互,提供了一种高效的Web应用开发方案。通过熟练掌握这些技术,开发者可以构建出...
Spring作为一个全面的Java企业级应用框架,提供了强大的MVC(Model-View-Controller)架构支持,而jQuery则简化了JavaScript的DOM操作和AJAX通信。本文将深入探讨Spring与jQuery AJAX交互以及Servlet与jQuery AJAX...
将两者结合使用,可以构建出高效、响应式的前端界面,同时利用Spring MVC的强大功能处理后端业务逻辑。本文将深入探讨如何将jQuery与Spring MVC进行有效整合,以及一个使用jqGrid的实例。 ### jQuery 简介 jQuery ...
本示例将详细介绍如何在Spring MVC 2.5项目中结合JQuery实现一个简单的Ajax“HelloWorld”功能,以帮助开发者更好地理解和应用这两个技术。 首先,我们需要理解Spring MVC的架构。Spring MVC通过DispatcherServlet...
三期答辩课程设计,人事管理系统Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份,课设说明,答辩PPT,Windows下sts(eclipse) 。
这个项目可能是为了演示如何在一个简单的添加删除操作中使用这些技术,通过整合Spring、Hibernate、Spring MVC和Ajax,实现一个高效、用户友好的后台管理系统。开发者可以通过学习这个示例,掌握如何在实际项目中...