Ajax Django 实现城市选择器

最新推荐文章于 2022-11-09 22:05:47 发布

beginner.zs

最新推荐文章于 2022-11-09 22:05:47 发布

阅读量320

点赞数 1

文章标签： python django

本文链接：https://blog.youkuaiyun.com/weixin_46246170/article/details/119612595

版权

本文介绍了在Django项目中如何利用Ajax实现城市选择器。首先，讨论了Ajax在前后端分离项目中的作用，即前端通过Ajax请求获取后端数据。接着，讲述了准备模型的步骤，包括创建与MySQL数据库的连接以及导入省份数据。最后，提到了编写视图和模板的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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