Javascript 使用ajax过滤Django中的内容

我正在制作一个模板，用于呈现产品列表。 我希望用户根据产品的属性过滤内容

这些是我的模型： """ 国家、地区和城市表 “”“

“”“ 类别及其子类别表 “”“

“”“ 产品表 “”“

“”“ 产品位置表 “”“

“”“ 产品分类 “”“

在页面中，我将有3个位置输入： -国家、地区和城市。 我想我应该实现一个依赖/链接下拉列表 我想按国家、地区和城市筛选产品

在另外2个输入（复选框选择多选）中，用户可以选择类别和子类别以过滤相关产品

我如何实现这一点？

---

我想我需要Ajax和Json呈现。但我没能找到一个合适的方法

您尝试使用什么代码实现筛选？我尝试使用以下库实现链接字段：。我现在正在做。

class Country(models.Model):
    name = models.CharField(max_length=200)


class Region(models.Model):
    name = models.CharField(max_length=200)
    country = models.ForeignKey(
        Country,
        on_delete=models.CASCADE)

class City(models.Model):
    name = models.CharField(max_length=200)
    region = models.ForeignKey(
        Region,
        on_delete=models.CASCADE)

class Category(models.Model):
    name = models.CharField(max_length=200)

class Subcategory(models.Model):
    name = models.CharField(max_length=200)
    Subcategory = models.ForeignKey(
        Category,
        on_delete=models.CASCADE)

class Product(models.Model):
    name = models.CharField(max_length=200)
    Description = models.TextField()

class ProductLocation(models.Model):
    Address = models.CharField(max_length=200)
    country = models.ForeignKey(
        Country,
        on_delete=models.CASCADE)
    region = models.ForeignKey(
        Region,
        on_delete=models.CASCADE)
    city = models.ForeignKey(
        City, 
        on_delete=models.CASCADE)
    product = models.ForeignKey(
        Product,
        on_delete=models.CASCADE)

class ProductClassification(models.Model):

    category = models.ForeignKey(
        Category,
        on_delete=models.CASCADE)

    subcategory = models.ForeignKey(
        Subcategory,
        on_delete=models.CASCADE)

    product = models.ForeignKey(
        Product,
        on_delete=models.CASCADE)