个人中心
gpt4 book ai didi

java web SpringMVC后端传json数据到前端页面实例代码

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章java web SpringMVC后端传json数据到前端页面实例代码由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

下面的后台的代码：目的的查询数据库中的所有省的列表，然后转化为json传到前端页面  。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
@Controller
public class DistrictController {
   @Resource
   private ProvinceService provinceServiceImp;
   @Resource
   private CityService cityServiceImp;
   @Resource
   private TourSpotService tourSpotServiceImp;
   /**
    * 获取所有省信息
    * @param response
    * @return
    * @throws IOException
    */
   @RequestMapping ( "/getAllProvince" )
   public String getAllProvince(HttpServletResponse response) throws IOException{
     response.setContentType( "text/html;charset=utf-8" ); //设置响应的编码格式，不然会出现中文乱码现象
     PrintWriter out = response.getWriter();
     //get
     List<Province> provincelist = provinceServiceImp.findAllProvince();
     JSONArray jsonArray = JSONArray.fromObject(provincelist);
     out.write(jsonArray.toString());
     out.flush();
     out.close();
     return null ;
   }

以下是前端jQuery内容:

?
1
2
3
4
5
6
7
8
9
10
11
$.get( "/visualization-tour/getAllProvince" , function (result) {
     var json = eval( "(" +result+ ")" ); // 解析
     var tt = "<option selected class='proInfo' value=1>~请选择省~</option>" ;
     $.each(json, function (index) {
       // 循环获取数据
       var proId = json[index].proId;
       var proName = json[index].proName;
       tt += "<option value=" +proId+ ">" +proName+ "</option>" ;
     });
     $( "#province" ).html(tt);
   });

注意事项，SpringMVC的控制器会是你的一些静态资源（js、html、css）不能加载，需要修改SpringMVC的配置文件，添加以下内容:

?
1
2
3
4
5
<!-- 静态资源访问 -->
   < mvc:resources location = "/img/" mapping = "/img/**" />
   < mvc:resources location = "/js/" mapping = "/js/**" />
   < mvc:resources location = "/css/" mapping = "/css/**" /> 
   < mvc:resources location = "/page/" mapping = "/page/**" />

其中location 是指你的静态资源的路径 。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：http://blog.csdn.net/qq_35261296/article/details/53044642?locationNum=3&fps=1 。

最后此篇关于java web SpringMVC后端传json数据到前端页面实例代码的文章就讲到这里了,如果你想了解更多关于java web SpringMVC后端传json数据到前端页面实例代码的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

24 4 0
文章推荐： Zabbix 5.2由浅入深之监控Nginx
文章推荐： 一篇带给你ClickHouse集群搭建
文章推荐： 如何在O(1)内找到实时序列的最小值？
文章推荐： 深入讲解java线程与synchronized关键字
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com