SpringMVC+Jquery实现Ajax功能

时间：2021-05-26

一、什么是Ajax?

Ajax:异步的JavaScript和Json（这里XML改为了Json)；

作用：用于完成网页局部刷新功能（修改少量数据只用局部刷新，不用再整个网页重新加载）；

二、SpringMVC和Jquery的简单介绍

SpringMVC：是基于Spring的一个子框架(MVC框架)，功能强于Spring，这个框架主要是解决咱们Controller这一层的问题。

M：model-模型User
V：view-视图jsp
C：Controller-控制器servlet

jQuery框架：是一个程序员使用比较多的JS框架，功能较为强大。
理念：写的更少，做的更多
优点：1.兼容各种浏览器
　　　2.操作Ajax很简单

版本：1.x 版本兼容IE浏览器
2.x，3.x....及之后的不兼容IE

jQuery的更新主要有两个路线：
路线一：1.3,1.4,1.x.........这个路线主要是坚持于兼容IE浏览器
路线二：2.x，3.x.......这个路线不再兼容IE浏览器
两路线并没有版本前后的关系

三、SpringMVC的配置

1、导入Jar包

2、配置核心控制器web.xml

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://" rel="external nofollow" rel="external nofollow" }else{ //完全等于document.getElementById("erSpan").innerHTML = result+":"+"登录失败！"; $("#erSpan").html(result+":"+"登录失败！"); } }) }</script></head><body> <span id="erSpan"></span> <form id="loginForm" action="/Jquery/login" method="post"> 用户名：<input type="text" name="userName" id="userName" /> <br /> 密码<input type="text" name="pwd" id="pwd" /><br /> <input type="button" value="ajax表单提交" onclick="login()" /> <input type="button" value="ajax单独提交" onclick="login2()" /> </form></body></html>

六、Controller层代码展示：

package controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.ResponseBody;@Controller@RequestMapping("/Jquery")public class JqueryController { /* * 注意：如果在浏览器上访问login.html的路径为：IP:端口号/login.html,而这里访问login方法的路径直接为： /login,前面没有任何路径，如@RequestMapping("/Jquery")，则会出现406错误 */ @RequestMapping("/login") @ResponseBody//加上这个注解，return 就不会再跳转页面，只是返回数据（json） public Boolean login(String userName,String pwd){ System.out.println(userName+":"+pwd); if("流星".equals(userName) && "456".equals(pwd)){ return true; } return false; }}

总结

以上所述是小编给大家介绍的SpringMVC+Jquery实现Ajax功能 ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章