Django实战: 利用Ajax生成联动下拉菜单

联动下拉菜单是Web开发中一个被经常使用的应用。比如当你从一个列表从选择一个国家的时候，联动下拉菜单会同步显示属于该国家所有城市列表供用户选择。今天我们就教你如何使用Django+Ajax生成联动下拉菜单。本案例使用Django 2.0 + Python 3.X开发，无需使用第三方安装包。

第一步创建APP，修改设置文件

创建一个叫dropdown的APP，并把它加到项目设置文件settings.py的INSTALLED_APP里去。如下图所示。

INSTALLED_APPS = [
'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'dropdown',
]

同时把本应用urls加入到项目urls.py文件里去。

urlpatterns = [
    path('admin/', admin.site.urls),
    path('dropdown/', include('dropdown.urls')),
] 

第二步 创建模型models.py

创建3个模型国家，城市和客户。其中City与Country是ForeignKey的关系。Client包含两个ForeignKey: City与Country。

from django.db import models
from django.urls import reverse

# Create your models here.


class Country(models.Model):
    name = models.CharField(verbose_name="国家