前面写了一篇用JavaScript实现省市县动态三级联动的文章：《用JavaScript实现动态省市县三级联动》
但是里面实现的方法都是在一个页面内的，即省市县的数据都保存在一个html页面中，数据的请求也是在本页面内的，这样的话灵活性不大，我们的需求是，希望把数据保存在服务器，然后在用户每次点击时都可以向服务器请求数据，即需要实现类似下面的逻辑功能：
用户点击-->onchange触发事件-->向服务器请求数据-->服务器返回数据-->向当前页面添加数据
下面就用Python的Django来实现这个功能。
（PS：有关Django平台如何部署和搭建，这里就不多说了，大家可以看看《Django Book》，我之前在网上找过很多资料，网友写的或是一些其他书籍，都没有《Django Book》讲得细致和透彻，所以是强烈推荐！）
--------------------------------------------------------------------------------
1.平台环境
操作系统：Windows 7 64位
开发环境：Eclipse PyDev
--------------------------------------------------------------------------------
2.文件夹结构
直接看下面的图片：
目前很多文件还用不上，在创建Django的项目时或app时，很多文件都是自动生成的，下面会说一说可以用得上的文件。
--------------------------------------------------------------------------------
3.主要功能文件与代码
（1）MapPro/settings.py
目前主要是用来设置statics和templates，告诉Django这两个目录的存在路径，添加的代码如下：
TEMPLATE_DIRS = (
os.path.join(BASE_DIR,'templates'),
)
STATICFILES_DIRS = (
os.path.join(BASE_DIR,'statics'),
)
（2）MapPro/urls.py
设置url路径和views视图函数的映射关系，全部代码如下：
from django.conf.urls import patterns, include, url
from django.contrib import admin
from app01 import views
urlpatterns = patterns('',
# Examples:
# url(r'^$', 'MapPro.views.home',),
# url(r'^blog/', include('blog.urls')),
url(r'^admin/', include(admin.site.urls)),
url(r'^map/$',views.Map),
(r'^GetCityData/$',views.Return_City_Data),
(r'^GetCountryData/$',views.Return_Country_Data),
)
（3）app01/views.py
视图函数文件，用来处理业务逻辑，全部代码如下：
from django.shortcuts import render,render_to_response
from django.http import HttpResponse
from django.core.context_processors import request
import json
# Create your views here.
def Map(request):
return render_to_response("map.html")
#return HttpResponse("Hello!")
Place_dict = {
"GuangDong":{
"GuangZhou":["PanYu","HuangPu","TianHe"],
"QingYuan":["QingCheng","YingDe","LianShan"],
"FoShan":["NanHai","ShunDe","SanShui"]
},
"ShanDong":{
"JiNan":["LiXia","ShiZhong","TianQiao"],
"QingDao":["ShiNan","HuangDao","JiaoZhou"]
},
"HuNan":{
"ChangSha":["KaiFu","YuHua","WangCheng"],
"ChenZhou":["BeiHu","SuXian","YongXian"]
}
};
def Return_City_Data(request):
province = request.GET['Province']
print province
City_list = []
for city in Place_dict[province]:
City_list.append(city)
return HttpResponse(json.dumps(City_list))
def Return_Country_Data(request):
province,city = request.GET['Province'],request.GET['City']
print province,city
Country_list = Place_dict[province][city]
return HttpResponse(json.dumps(Country_list))
这里的代码比较简单，就不写注释了。
（4）templates/map.html
templates目录主要用来放置页面的模板文件，这里我只创建map.html文件，代码如下：