AJAX не обновляет запрос к базе данных должным образом

У меня есть страницы, которые используют как переменные контекста django, так и данные json. Первая страница - это «мастер-страница», которая просто отображает все доступные данные. Однако другие страницы загружаются после отправки раскрывающейся формы, где пользователь может выбрать конкретную учетную запись для просмотра. Когда пользователь выбирает учетную запись и отправляет раскрывающуюся форму, должны произойти две вещи:

Действие формы переходит к функции представления django, которая выполняет несколько запросов к базе данных, а затем передает переменные контекста при рендеринге шаблона. Однако затем предполагается, что данные диаграммы будут загружены через Ajax с определенного URL-адреса, который возвращает JSONResponse с данными. Кажется, что данные диаграммы загружаются нормально для "главной" страницы, поскольку все данные отображаются, когда я посещаю URL-адрес, по которому данные отправляются. Однако после выбора конкретной учетной записи я хочу передать запрос на URL-адрес для фильтрации базы данных на основе выбора, тем самым создавая определенные данные диаграммы. Это часть, которая, похоже, не работает, так как, когда я выбираю конкретную учетную запись, я не могу получить данные диаграммы только для этой конкретной учетной записи, чтобы показать. Вот мой код:

urls.py

from django.conf.urls import url, include
from . import views
from .views import get_master_data, get_specific_data

views.py

### SELECTED METER DATABASE DATA PULL ###
def get_specific_data(request, *args, **kwargs): ### This isn't working as intended ###

if request.method == 'POST':

    selected_meter = request.POST.get('selected_meter')

    usage_data = list(MeterData.objects.filter(name=selected_meter).order_by('date').values_list('usage', flat=True))
    #### A bunch of other similar queries ####

    data = {
        "usage_data": usage_data,
        #### corresponding parts for other queries not shown ####
    }
    return JsonResponse(data)

else:

    usage_data = list(MeterData.objects.order_by('date').values_list('usage', flat=True))
    ##### A bunch of other similar queries #####

    data = {
        "usage_data": usage_data,
        #### corresponding parts for other queries not shown ####
    }
    return JsonResponse(data)

template.html

// This script is what gets the chart data. This works on the master page //
<script>
    var categories = [];
    var data = [];
    var endpoint = '/properties/api/chart/data/'
    $.ajax({
        method: "GET",
        url: endpoint,
        success: function(data){
            categories = data.dates
            usageData = data.usage_data
            OldCostsData = data.oldCosts_data
            NewCostsData = data.newCosts_data
            OldRatesData = data.oldRates_data
            NewRatesData = data.newRates_data
            savingsData = data.savings_data
            Chart.defaults.global.defaultFontFamily = "Gotham-Black";
            var usageCanvas = document.getElementById("usageChart");
            var ratesCanvas = document.getElementById("ratesChart");
            var costsCanvas = document.getElementById("costsChart");
            var savingsCanvas = document.getElementById("savingsChart");
        }
    });
</script>

// This is supposed to post the dropdown menu selection on submission before loading the new template thus querying specific chart data //
<script>
    var meterForm = $('#property-select');
    var specificDataUrl = '/properties/api/specific-chart/data/';
    meterForm.submit(function(event){
        event.preventDefault();
        $.ajax({
            type: "POST",
            url: specificDataUrl,
            data: { selected_meter: $('#property-select option:selected').val() }, // data to be sent with the post request

            success: function(data) {
                console.info(data)
            },
        });
    });;
</script>


<!-- This is the form -->
    <form method = "POST" action = "/properties/property-selected/" id = "property-select">
            {% csrf_token %}
            <select name = "meters" class = "dropdown-content">
                {% for meter in user_meters %}
                <option value = "{{ meter }}">{{ meter.name }}</option>
                {% endfor %}
            </select>
            <input type = "submit" value = "Submit" class = "submit-button" style = "margin-top:30px;"/>
    </form>

Я не совсем уверен, почему конкретный запрос данных для данных диаграмм не работает. Любая помощь будет принята с благодарностью, спасибо!