使用jQuery+HttpHandler+xml模拟一个三级联动的例子

如下是实现过程：
第一步：准备xml文件，并放置在网站根目录下，名为Area.xml

<?xml version=”1.0″ encoding=”utf-8″ ?>
<area>
<province id=”1″ name=”北京”>
<city id=”1″ name=”北京”>
<county id=”1″ name=”东城区” />
<county id=”2″ name=”西城区” />
</city>
</province>
<province id=”2″ name=”河北省”>
<city id=”1″ name=”石家庄市”>
<county id=”1″ name=”正定县” />
<county id=”2″ name=”灵寿县” />
</city>
<city id=”2″ name=”邯郸市”>
<county id=”1″ name=”邯郸县” />
<county id=”2″ name=”永年县” />
</city>
</province>
<province id=”3″ name=”海南省”>
<city id=”1″ name=”海口市”>
<county id=”1″ name=”龙华区” />
<county id=”2″ name=”秀英区” />
<county id=”3″ name=”美兰区” />
</city>
<city id=”2″ name=”三亚市”>
<county id=”1″ name=”天涯镇” />
<county id=”2″ name=”凤凰镇” />
</city>
</province>
</area>

第二步：创建与xml文件中定义的元素对应的实体类。
<province/>对应province类

public class Province
{
private string id;
/// <summary>
/// 编号
/// </summary>
public string Id
{
get { return id; }
set { id = value; }
}
private string name;
/// <summary>
/// 名称
/// </summary>
public string Name
{
get { return name; }
set { name = value; }
}
}

<city/>对应City类：

public class City
{
private string id;
/// <summary>
/// 编号
/// </summary>
public string Id
{
get { return id; }
set { id = value; }
}
private string name;
/// <summary>
/// 名称
/// </summary>
public string Name
{
get { return name; }
set { name = value; }
}
}

<county/>对应county类：

public class County
{
private string id;
/// <summary>
/// 编号
/// </summary>
public string Id
{
get { return id; }
set { id = value; }
}
private string name;
/// <summary>
/// 名称
/// </summary>
public string Name
{
get { return name; }
set { name = value; }
}
}