下面的后台的代码:目的的查询数据库中的所有省的列表,然后转化为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 是指你的静态资源的路径
就到这里了,祝你顺利运行

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐