Ajax框架中SSM整合框架如何实现ajax校验-创新互联
这篇文章主要介绍了Ajax框架中SSM整合框架如何实现ajax校验,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、网站建设、成都网站设计易于使用并且具有良好的响应性。刚学习了ssm框架,ajax校验成功,分享下
1.导入jar包
2.配置spring-servlet.xml
text/html;charset=UTF-8 text/json;charset=UTF-8 application/json;charset=UTF-8
3.控制器中用@ResponseBody实现返回json数据格式
@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.页面中接收查询到的结果
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==null && username !=''){ $("#userSpan").text("用户名可用"); } } }); }
实现结果就是以下这样的:
感谢你能够认真阅读完这篇文章,希望小编分享的“Ajax框架中SSM整合框架如何实现ajax校验”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!
网站栏目:Ajax框架中SSM整合框架如何实现ajax校验-创新互联
文章链接:http://pwwzsj.com/article/djogei.html