Обработка JsonResponse в шаблоне Django

Я пытаюсь сделать веб-страницу, в которой можно указать количество векторов, затем вставить модуль и угол для каждого из них, и она будет вычислять сумму. Мой код может выполнить вычисления, но я не могу правильно отобразить результат на моем шаблоне.

views.py:

def sum_view(request):
    if request.method == "POST":
        message = ''
        for j in range(2,12):
            if not request.POST.get(f'vector_mod_{j}'):
                num_vett = j - 1
                result = Vector(0, 0)
                for i in range(num_vett):
                    mod =  float(request.POST.get(f'vector_mod_{i+1}'))
                    ang = float(request.POST.get(f'vector_ang_{i+1}'))
                    result += Vector(mod, ang)
                    message = f'Modulus: {result.modulus}, angle: {result.angle}°'
                return JsonResponse({'message': message})

    return render(request, 'vectsum/sum.html')

Проблема в том, что когда я отправляю, я вижу что-то вроде firefox developer tools view с меню, включающим 'JSON', 'Raw Data', 'Headers', и правильное сообщение, отображаемое в консольном виде.

Вот ajax часть моего шаблона:

$(document).on('submit','#calculate',function(e){
       e.preventDefault();
       
           $.ajax({
           type:'POST',
           headers: {'X-Requested-With': 'XMLHttpRequest'},
           url:'/vectorialsum/',
           data: $('#calculate').serialize()
           success:function(data){
               var mess = JSON.parse(data)['message']
               document.getElementById('result').innerHTML += mess
               
                   }
           })

       
       });

Как мне показать сообщение на моей странице?

Вернуться на верх