request.session не сохранен или как-то изменен

Question

Кажется, что мой request.session не сохранен или каким-то другим образом изменен, несмотря на использование request.session.modified = True после изменения значения.

Вот выходные данные отладки:

This should run first.
This should run second.
I have set main category to 2 (Shoes)
Main category is 1 (Books)

Приведенный ниже код должен отображать другую ModelForm, основанную на выбранной категории, однако, когда я выбираю, например, Books, ShoesModelForm, отображается и наоборотнаоборот. В настоящее время это работает следующим образом: всякий раз, когда значение в выпадающем списке изменяется, запускаются два AJAX-запроса. Сначала вызывается представление (load_categories), которое отображает другое, если у категории есть дочерние элементы, в противном случае возвращается HttpResponse, который прекращает присоединение слушателя. Второй вызывает представление (load_modelform), которое отображает конкретную ModelForm, если выбранная категория является корневым узлом (основная категория).

mappings = {
    '1': BookProductForm,
    '2': ShoesProductForm
}


def load_categories(request):
    print("This should run first.")
    category_id = request.GET.get('category')
    request.session['category'] = category_id
    request.session.modified = True
    if Category.objects.get(id=category_id).is_root_node():
        request.session['main_category'] = category_id
        request.session.modified = True
        print(f"I have set main category to {request.session['main_category']} ({Category.objects.get(id=category_id).name})")
    subcategories = Category.objects.get(id=category_id).get_children()
    if subcategories:
        return render(request, 'products/category_dropdown_list_options.html', {'subcategories': subcategories})
    return HttpResponse('leaf_node')


def load_modelform(request):
    print("This should run second.")
    main_category = request.session['main_category']
    print(f"Main category is {main_category} ({Category.objects.get(id=main_category).name})")
    form = mappings[main_category]
    return render(request, 'products/category_modelform.html', {'form': form})


@login_required
def product_create_view(request):
    if request.method == 'POST':
        category = request.session.get('main_category')
        create_product_form = mappings[category](request.POST)
        if create_product_form.is_valid():
            create_product_form.save()
    return render(request, 'products/product_create.html', {
        'categories': Category.objects.filter(parent=None)
    })

Что здесь может происходить?

@ EDIT:

Я включаю свой шаблон в код jQuery, содержащий запросы Ajax:

{% extends 'pages/base.html' %}

{% load static %}

{% block cssfiles %}
<link rel="stylesheet" type="text/css" href="{% static 'products/css/create.css' %}">
{% endblock %}

{% block content %}
<h1>Create a product</h1>
<div class='modelform'>
  <form method='POST' id='productForm' data-products-url="{% url 'products:ajax_load_categories' %}" data-modelform-url="{% url 'products:ajax_load_modelform' %}">
      {% csrf_token %}
      <div class='categories'>
          <label>Category</label>
          <select>
              {% for category in categories %}
              <option value="{{ category.pk }}">{{ category.name }}</option>
              {% endfor %}
          </select>
      </div>
      <div class='the-rest'>
      {{ form.non_field_errors }}
      {% for field in form %}
          {% ifnotequal field.name 'category' %}
              {{ field.label_tag }}  {{ field }} 
              {{ field.errors }}
          {% endifnotequal %}
      {% endfor %}
      </div>
      <input type="submit" name="" value="Submit">
  </form>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    var $r_ = function() {
        var url = $("#productForm").attr("data-products-url");
        var categoryId = $(this).val();
        var toRemove = $(this).nextAll('select');

        $.ajax({                       
          url: url,                    
          data: {
            'category': categoryId
          },
          success: function (data) {
            if (data != 'leaf_node') {
              toRemove.remove();
              $(".categories").append(data);
            }
            else {
              toRemove.remove();
            }
          }
        });

        var url2 = $('#productForm').attr('data-modelform-url');

        setTimeout(function() {
          $.ajax({                       
            url: url2,                    
            data: {
              'category': categoryId
            },
            success: function (data) {
              if (data != 'dont_change_modelform') {
                $('.the-rest').empty();
                $('.the-rest').append(data);           
              }
            }
          });
        }, 100);
    }
    $(document).on('change', 'select', $r_);
</script>
{% endblock %}