剛學(xué)習(xí)了ssm框架,ajax校驗(yàn)成功,分享下
1.導(dǎo)入jar包
![](http://img.jbzj.com/file_images/article/201704/201742490140030.png?20173249157)
2.配置spring-servlet.xml
bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
property name="messageConverters">
list>
ref bean="mappingJackson2HttpMessageConverter" />
/list>
/property>
/bean>
bean id="mappingJackson2HttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
property name="supportedMediaTypes">
list>
value>text/html;charset=UTF-8/value>
value>text/json;charset=UTF-8/value>
value>application/json;charset=UTF-8/value> /list>
/property>
/bean>
3.控制器中用@ResponseBody實(shí)現(xiàn)返回json數(shù)據(jù)格式
@ResponseBody
@RequestMapping(value="queryByUser", method=RequestMethod.POST,produces="application/json;charset=UTF-8")
public User queryByName(User user,HttpServletRequest request){
User u = userBiz.queryByName(user);
return u;
}
4.頁(yè)面中接收查詢(xún)到的結(jié)果
function checkUser(){
var username=$("#username").val();
$.ajax({
url:"queryByUser",
type:"post",
data:{"username":username},
dataType:"json",
success:function(data){
if (data!=null ) {
$("#userSpan").text("用戶(hù)名已存在");
$("#username").val('');
}else if(data==null username !=''){
$("#userSpan").text("用戶(hù)名可用");
}
}
});
}
實(shí)現(xiàn)結(jié)果就是以下這樣的:
![](http://img.jbzj.com/file_images/article/201704/201742490335182.png?20173249357)
以上所述是小編給大家介紹的Ajax 框架之SSM整合框架實(shí)現(xiàn)ajax校驗(yàn),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- ssm整合之Spring整合MyBatis框架配置事務(wù)的詳細(xì)教程
- Redis集群與SSM整合使用方法
- redis與ssm整合方法(mybatis二級(jí)緩存)
- SSM整合中的Log4j日志的配置詳情
- SpringMVC之簡(jiǎn)單的增刪改查示例(SSM整合)
- Spring SpringMVC,Spring整合MyBatis 事務(wù)配置的詳細(xì)流程