Как динамически изменять значение текста в html при изменении переменной python с помощью ajax?

Я использую ajax, python, Django, HTML и javascript для своего проекта.

Я хотел бы знать, если в моем HTML файле есть p, например,

<p class='text_box', id='tbox'>

    {{ text_variable_from_python }}

</p>

<input class='input_box', id='ibox', type='text'> 

А если я введу какой-нибудь текст в поле ввода, сделаю простой ajax-запрос с переменной "text" и получу вывод с сервера, который обновлю в файле views.py как,

def main(request):
    if request.method == 'POST':
        new_text = request.POST['text']
        context = {'text_variable_from_python': new_text}

    else:
        context = {'text_variable_from_python': 'You can change me!'}

    print(context)
    return render(request, 'Main.html', context=context)

Мой вопрос заключается в том, как мне отправить данные динамически с сервера на веб-страницу клиента , используя ajax и python между ними?

Используя мой метод, я могу увидеть на веб-странице только "Вы можете изменить меня!" или вообще ничего. Независимо от того, сколько различных подсказок я даю, дальнейшие изменения не появляются на веб-странице.

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