JSP页面使用JSON和ajax实现省市联动

jsp页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>









	
		请选择省份
	
	
		请选择城市
	

provideSer.java

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		Listlist = new ProvinceBizImpl().getProvinces();
		response.setContentType("text/html;charset=utf-8");
		JSONArray ja = JSONArray.fromObject(list);
		JSONObject jo = new JSONObject();
		jo.put("province", ja);
		response.getWriter().write(jo.toString());
	}

CitySer.java

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String str = request.getParameter("cid");
		Listcities = new CityBizImpl().getCities(str);
		response.setContentType("text/html;charset=utf-8");
		JSONArray ja1 = JSONArray.fromObject(cities);
		JSONObject jo1 = new JSONObject();
		jo1.put("city", ja1);
		response.getWriter().write(jo1.toString());
	}

效果截图：