0
点赞
收藏
分享

微信扫一扫

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回

作者:ssslinppp      

1. 摘要

本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回。

Spring MVC与json参考文章:【spring学习笔记-mvc-3】返回json数据-方式1  和 【spring学习笔记-mvc-4】返回json数据-方式2。

使用到的技术主要如下:

  1. Ajax:使用JQuery 提供的ajax;==>需要引入jquery.min.js文件;
  2. Spring MVC;
  3. Json:提供两种方式返回json数据;


2. 项目结构

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_json_02【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_03




3. 前端

前台主界面:

文件位置:【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring+json_04    浏览器界面:   【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_ajax_05


【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring+json_06【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_Spring MVC_07

ajaxAndJson.js文件==>具体的ajax请求

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_08【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_09



4. spring mvc配置文件

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_10

spring-servlet.xml

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_Spring MVC_11【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_Spring MVC_12【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_ajax_13

applicationContext.xml

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_14




5. 控制器

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_15【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring_16



6. 运行

浏览器:http://localhost:8080/SpringMVC_Ajax_Json/test/index.action# 

【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_ajax_17【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_Spring MVC_18【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_spring+json_19【Spring学习笔记-MVC-5】利用spring MVC框架,实现ajax异步请求以及json数据的返回_ajax_20






举报

相关推荐

0 条评论