java web SpringMVC后端传json数据到前端页面
2016-11-05 12:10
766 查看
下面的后台的代码:目的的查询数据库中的所有省的列表,然后转化为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<Province> 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 = "<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的配置文件,添加以下内容:
<!-- 静态资源访问 -->
<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 是指你的静态资源的路径
就到这里了,祝你顺利运行
相关文章推荐
- java web SpringMVC后端传json数据到前端页面实例代码
- Java Web SpringMVC AJAX,实现页面懒加载数据
- spring-webmvc-4.1.6 接口返回json数据 中文出现\u0000\u0000\u0000\u0000
- Maven项目:Spring MVC + Ajax + Json + RequestBody:POST后台服务器接收前端JSON数据并注解到POJO内
- JAVA Spring web mvc 学习 之 6:数据验证
- JAVA Spring web mvc 学习 之 6:数据类型转换 -格式转换
- C#无限分级实现,前端WEB页面接收,后台提供层级Json数据
- spring mvc @responsebody返回json数据 ie浏览器弹出下载页面 解决方案
- WEB网页实现微信公众号点赞实现--前端:jquery+bootstrap||后端springmvc+mybatis
- C#无限分级实现,前端WEB页面接收,后台提供层级Json数据
- C#无限分级实现,前端WEB页面接收,后台提供层级Json数据
- JAVA实现JSON后端向前端传递数据
- MVC使用Newtonsoft无需实体类,实现JSON数据返回给前端页面使用
- java 前端页面AES加密数据 后端AES解密
- JAVA springMVC前端传参到后端和接收
- 前端 js 拼接json数据 ,以及后端java转义 &quot; 字符串
- JSON后端向前端传递数据 JAVA
- JAVA Spring web mvc 学习 之 6:数据类型转换
- MVC 中前端传递Json数据,后端以对象形式接受参数的处理方法
- springmvc+ajax+json从页面传数据到后台,以及后台传Map集合到ajax解析