SpringMVC+Jquery实现Ajax功能 - 网站

SpringMVC+Jquery实现Ajax功能

分类:js_jQuery答疑 - 常见问题 · 发布时间:2021-10-07 11:47 · 阅读:6792

SpringMVC:是基于Spring的一个子框架(MVC框架),功能强于Spring,这个框架主要是解决咱们Controller这一层的问题。这篇文章主要介绍了SpringMVC+Jquery实现Ajax功能,需要的朋友可以参考下

一、什么是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

    dispatcherorg.springframework.web.servlet.DispatcherServlet contextConfigLocationclasspath:applicationContext-mvc.xml1 dispatcher/ CharacterEncodingFilterorg.springframework.web.filter.CharacterEncodingFilter encodingutf-8 CharacterEncodingFilter/*

3、配置 applicationContext.xml

      2000000000

4、Controller层注解

@Controller
@RequestMapping("/Jquery")

四、Jquery框架配置

1、导包(因为在前端需要用到Json,所以需要导入Json的包)

2、项目中引入Jquery

3、html中引入Jquery

 

五、前端代码展示:

   Insert title here 
用户名:
密码

六、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 springmvc ajax

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页