Untitled

@login_required
@csrf_exempt
def send_message(request):
    receiver = User.objects.all().filter(pk=int(request.POST.get('id')))
    print(receiver)
    return render(request, 'front/sendmessage.html')

urlpatterns = [
    url(r'^signin/$', view=auth_views.LoginView.as_view(template_name='front/auth.html'), name='signin'),
    url(r'^list/$', view=views.show_messages, name='show_messages'),
    url(r'^sendmessage$', view=views.send_message, name='send_message'),
    path('list/<int:pk>/', view=views.MessagesView.as_view()),
    path('list/<int:pk>/read/', view=views.read_text)
]

{% extends 'front/base.html' %}
{% block title %}
listOfMessages
{% endblock %}
{% block content %}

<table class="table" id="clients">
    <thead>
    <tr>
        <th>Имя пользователя</th>
        <th>Сообщение</th>
        <th>Дата</th>
        <th>Действие</th>
    </tr>
    </thead>
    {% for message in messages %}
    {% if message.is_read %}
    <tr>
        {% else %}
    <tr bgcolor="#ffe4c4">
        {% endif %}
        <td>{{ message.sender.username }}</td>
        <td><a href="{{ message.id }}">{{ message.text }}</a></td>
        <td>{{ message.date }}</td>
        <td>
            <button type="button" onclick="answer({{ message.sender.id }})" class="btn btn-primary">Ответить</button>
        </td>
    </tr>
    {% endfor %}
</table>

<script>
    function answer(userID) {
        $.ajax({
            type: 'post',
            url: '/sendmessage',
            data: {
                id: userID,
            },
        })
    }
</script>

</html>
{% endblock %}

{% extends 'front/base.html' %}
{% block title %}
mainpage
{% endblock %}
{% block content %}
<body>
<form method="post">{% csrf_token %}
    <div class="form-row">
        <div class="col-4">
            <input type="text" class="form-control" placeholder="Send message" id="message">
        </div>
        <button type="button" onclick="addmessage()" href="/sendmessage" class="btn btn-primary">Послать сообщение</button>
    </div>
</form>
</body>
<script>
    function addmessage() {
        let message = document.getElementById("message").value;
        $.ajax({
            type: 'post',
            url: '/message',
            data: {
                message: message
            },
            error: console.log('Провал')

        })
    }
</script>
</html>
{% endblock %}