好资源导航 » 文章资讯 » java web SpringMVC后端传json数据到前端页面实例代码

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

2024-02-28 01:54:06 47

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

@Controller
publicclassDistrictController{
@Resource
privateProvinceServiceprovinceServiceImp;
@Resource
privateCityServicecityServiceImp;
@Resource
privateTourSpotServicetourSpotServiceImp;
/**
*获取所有省信息
*@paramresponse
*@return
*@throwsIOException
*/
@RequestMapping("/getAllProvince")
publicStringgetAllProvince(HttpServletResponseresponse)throwsIOException{
response.setContentType("text/html;charset=utf-8");//设置响应的编码格式，不然会出现中文乱码现象
PrintWriterout=response.getWriter();
//get
Listprovincelist=provinceServiceImp.findAllProvince();
JSONArrayjsonArray=JSONArray.fromObject(provincelist);
out.write(jsonArray.toString());
out.flush();
out.close();
returnnull;
}

以下是前端jQuery内容：

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

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

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

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

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐