Ajax не добавляет HttpResponse от Django

Question

Цель моей программы - взять ввод с html-страницы, отправить его Django, чтобы текст стал заглавным, и вернуть ответ, чтобы страница могла отображать текст в верхнем регистре. Нет обновлений на странице.

Код на html:

    <script>
    $("form").submit(function(e){
        e.preventDefault();
        val = $("#input").val();
        $.ajax({
            url: "{% url 'upper' %}",
            data: {'input':val},
            success: function(data){
                $('#result').append(data);
            }
        });
    });
</script>

views.py Джанго

from django.shortcuts import render
from django.http import HttpResponse

def index(request):
    return render(request, "index.html", context = {"text": 'This is from Django'})


def upper(request):
    vals = request.GET.get('input')
    print(vals)
    return HttpResponse(vals.upper)

Answer 1

Используйте upper() не только верхний

Изменение return HttpResponse(vals.upper)

Изменить на:

return HttpResponse(vals.upper())

Подробнее см. В официальной документации