开发原因:
1、由于所进行的项目中的省份和城市并不是中国所有的省份和市,并且很有可能随着时间的推移数据发生变化,因此整个省份和城市数据存在数据库中保存。
2、由于使用了公司集成的一套东西,在涉及到这类下拉框时的修改回显数据时会比较困难,公司的那套东西了解的比较少,并且也不允许我们去修改它的东西。
基于上面两个情况,决定自己写一个。
思路:
1、后台把数据准备好,省份和城市的级联关系
2、把数据以json方式传到前台
3、前台对json形式的数据进行解析
4、前台通过jquery的ajax进行请求json数据
5、当选择省份显示相应的城市的时候使用select的onchange事件
6、把后台返回的数据通过eval转换为javascript中的json数据
大体上就这些吧
下面是所有的代码
首先是后台的代码,需要添加的包
[img]http://dl.iteye.com/upload/attachment/253617/77cab900-bbba-3445-9b52-3710fee701cc.jpg[/img]
下面是一个servlet,主要是准备数据,并和前台进行传输数据:
1、由于所进行的项目中的省份和城市并不是中国所有的省份和市,并且很有可能随着时间的推移数据发生变化,因此整个省份和城市数据存在数据库中保存。
2、由于使用了公司集成的一套东西,在涉及到这类下拉框时的修改回显数据时会比较困难,公司的那套东西了解的比较少,并且也不允许我们去修改它的东西。
基于上面两个情况,决定自己写一个。
思路:
1、后台把数据准备好,省份和城市的级联关系
2、把数据以json方式传到前台
3、前台对json形式的数据进行解析
4、前台通过jquery的ajax进行请求json数据
5、当选择省份显示相应的城市的时候使用select的onchange事件
6、把后台返回的数据通过eval转换为javascript中的json数据
大体上就这些吧
下面是所有的代码
首先是后台的代码,需要添加的包
[img]http://dl.iteye.com/upload/attachment/253617/77cab900-bbba-3445-9b52-3710fee701cc.jpg[/img]
下面是一个servlet,主要是准备数据,并和前台进行传输数据:
package com.demo;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
public class TestJsonServlet extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request,HttpServletResponse response){
response.setContentType("text/plain");
response.setCharacterEncoding("utf-8");
List list = new ArrayList();
//转换Array
BaseAreaInfo a=new BaseAreaInfo();
a.setArea_code("010");
a.setArea_name("北京");
a.setParent_area_code("NULL");
list.add(a);
BaseAreaInfo b=new BaseAreaInfo();
b.setArea_code("021");
b.setArea_name("上海");
b.setParent_area_code("NULL");
list.add(b);
BaseAreaInfo c=new BaseAreaInfo();
c.setArea_code("023");
c.setArea_name("四川");
c.setParent_area_code("NULL");
c.setSubAreaList(new ArrayList());
BaseAreaInfo c1=new BaseAreaInfo();
c1.setArea_code("028");
c1.setArea_name("成都");
c1.setParent_area_code("023");
c.getSubAreaList().add(c1);
BaseAreaInfo c2=new BaseAreaInfo();
c2.setArea_code("0826");
c2.setArea_name("广安");
c2.setParent_area_code("023");
c.getSubAreaList().add(c2);
BaseAreaInfo c3=new BaseAreaInfo();
c3.setArea_code("0829");
c3.setArea_name("南充");
c3.setParent_area_code("023");
c.getSubAreaList().add(c3);
list.add(c);
//list.add(new TestBean());
System.out.println("---");
//转换List
JSONArray jsonList = JSONArray.fromObject(list);
try {
PrintWriter out = response.getWriter();
out.println(jsonList.toString());