在Django下使用Jquery ajax实现select表单的二级联动

最新推荐文章于 2024-08-24 07:23:17 发布

好梦一场睡

最新推荐文章于 2024-08-24 07:23:17 发布

阅读量7k

点赞数 4

分类专栏：前端文章标签： django jquery ajax

本文链接：https://blog.csdn.net/svgbdbdbd/article/details/50506281

版权

本文介绍了如何在Django框架下利用Jquery的Ajax技术，实现select表单的二级联动效果。详细步骤包括模型设计、视图（views）设置、URL配置、JSON数据测试及模板页面设计，最终展示了一个简洁的省市二级联动功能。

摘要由CSDN通过智能技术生成

在Django下使用Jquery ajax实现select表单的二级联动

采用Django+Jquery实现：

网上也看到很多例子，综合很多例子，经过尝试，实现一个简单的省市二级联动，记下来，以免忘记，有考虑不严谨的地方还请大家指正：

首先是模型设计（数据库设计）：

# coding:utf-8
from django.db import models

# Create your models here.

#省份表
class Province(models.Model):
    name = models.CharField(max_length=30)

    def __unicode__(self):
        return self.name

#城市表
class City(models.Model):
    name = models.CharField(max_length=40)
    province = models.ForeignKey(Province)

    def __unicode__(self):
        return self.name

#这个主要是用来显示，选择的结果
class SelectP(models.Model):
    province = models.ForeignKey(Province)
    city = models.ForeignKey(City)

为此使用了form

# coding:utf-8

from django import forms
from .models import SelectP

class SelectForm(forms.ModelForm):
    class Meta:
        model = SelectP
        fields = '__all__'

以下是views代码：

# coding:utf-8
from django.shortcuts import render_to_response, get_object_or_404, redirect, urlresolvers, RequestContext
from django.core import serializers
from django.http import HttpResponse
from .models import Province, SelectP
from .forms import SelectForm
# Create your views here.

#获取首页