Обработка 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
}
})
});
Как мне показать сообщение на моей странице?