首页 > 代码库 > SSM整合框架实现ajax校验
SSM整合框架实现ajax校验
刚学习了ssm框架,ajax校验成功,分享下
1.导入jar包
2.配置spring-servlet.xml
1 <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
2 <property name="messageConverters">
3 <list>
4 <ref bean="mappingJackson2HttpMessageConverter" />
5 </list>
6 </property>
7 </bean>
8 <bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
9 <property name="supportedMediaTypes">
10 <list>
11 <value>text/html;charset=UTF-8</value>
12 <value>text/json;charset=UTF-8</value>
13 <value>application/json;charset=UTF-8</value>
14 </list>
15 </property>
16 </bean>
3.控制器中用@ResponseBody实现返回json数据格式
1 @ResponseBody
2 @RequestMapping(value="http://www.mamicode.com/queryByUser", method=RequestMethod.POST,produces="application/json;charset=UTF-8")
3 public User queryByName(User user,HttpServletRequest request){
4 User u = userBiz.queryByName(user);
5 return u;
6 }
4.页面中接收查询到的结果
function checkUser(){
var username=$("#username").val();
$.ajax({
url:"queryByUser",
type:"post",
data:{"username":username},
dataType:"json",
success:function(data){
if (data!=null ) {
$("#userSpan").text("用户名已存在");
$("#username").val(‘‘);
}else if(data=http://www.mamicode.com/=null && username !=‘‘){"#userSpan").text("用户名可用");
}
}
});
}
实现结果就是以下这样的:
SSM整合框架实现ajax校验
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。