Ajax Django 实现城市选择器

Ajax

现在前后端分离项目越来越流行了，前端只关注页面，后端只关注数据，前端只要通过Ajax发起请求把数据请求回来填充到页面就可以了。

准备模型

from django.db import models

class Area(models.Model):
	name = models.CharField(verbose_name='地区名字',max_length=20)
	parent = models.ForeignKey(to='self',blank=True,null=True,on_delete= models.CASCADE)

创建并链接MySQL数据库 导入省份数据

编写试图

from django.shortcuts import render
from .models import *
from django.http import HttpResponse,JsonResponse

def index(request):
	return render(request,'app01/index.html')
def get_parent(request):
	areas = Area.objects.filter(parent__isnull=True).all()
	l = []
	for item in  areas:
		l.append({
   "id":item.id,"name":item.name})
	return JsonResponse({
   "data":l})

def get_son(request,id):
	areas = Area.objects.filter(parent_id = id).all()
	l = []
	for