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

本篇文章主要介绍了java web SpringMVC后端传json数据到前端页面实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

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

@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 provincelist = provinceServiceImp.findAllProvince(); JSONArray jsonArray = JSONArray.fromObject(provincelist); out.write(jsonArray.toString()); out.flush(); out.close(); return null; }

以下是前端jQuery内容

$.get("/visualization-tour/getAllProvince", function(result) { var json = eval("("+result+")"); // 解析 var tt = "~请选择省~"; $.each(json, function(index) { // 循环获取数据 var proId = json[index].proId; var proName = json[index].proName; tt += ""+proName+"" ; }); $("#province").html(tt); });

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

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

相关文章

HashMap是Java中最常用的集合类框架,也是Java语言中非常典型...
在EffectiveJava中的第 36条中建议 用 EnumSet 替代位字段,...
介绍 注解是JDK1.5版本开始引入的一个特性,用于对代码进行说...
介绍 LinkedList同时实现了List接口和Deque接口,也就是说它...
介绍 TreeSet和TreeMap在Java里有着相同的实现,前者仅仅是对...
HashMap为什么线程不安全 put的不安全 由于多线程对HashMap进...