前端和后端的数据交互(jquery ajax+python flask+mysql)

上web课的时候老师布置的一个实验，要求省市连动，基本要求如下：
1.用select选中一个省份。
2.省份数据传送到服务器，服务器从数据库中搜索对应城市信息。
3.将城市信息返回客户，客户用select控件进行显示。
基本效果如下所示(页面挺丑陋的，但是前后端数据交互的要求基本达到了)：

我利用json进行数据传输。
所用的工具为：jQuery ajax+ python flask+mysql
想要代码的可以直接移步github:https://github.com/HBKO/web_practice
在此过程中，可能会碰到的问题如下（下面都会给出解决办法）：

1.首先是mysql与python的中文乱码或者无法输入到数据库的问题：
这里可以看我的一篇博客：http://blog.csdn.net/github_33873969/article/details/78723621

如何通过python向mysql执行sql语句并得到数据，首先要先安装MySQLdb.
下载地址：https://pypi.python.org/pypi/MySQL-python/

下载MySQL-python-1.2.5.zip 文件之后直接解压。进入MySQL-python-1.2.5目录:

>>python setup.py install

执行安装命令。
连接mysql,使用sql语句的代码基本如下所示：

import MySQLdb
conn=MySQLdb.connect(
    host='localhost',
    port=3306,
    user='root',
    passwd='你的密码',
    db='你要连接的数据库',
    charset='utf8'
)

sql="你要执行的sql语句"
cur=conn.cursor() #创建sql连接的游标
cur.execute(sql) #执行sql语句
result=cur.fetchone() #获取查询结果的第一个结果
result=cur.fetchall() #获取查询的全部结果
#当然，如果你要进行更新，删除，添加的sql命令
#conn.commit() #执行更新，删除，添加的sql命令，然后确定

更加详细的连接细节，可以参考这个文档：
https://www.cnblogs.com/fnng/p/3565912.html

二.利用jquery和ajax发送json消息：
对于ajax发送post消息非常简单：

                var data={
  "city":"重庆"};
                $.ajax({
                    type: 'POST',
                    url: