Django POST 400 Bad Request

Question

Я пытаюсь опубликовать сообщение с помощью javascript на чат-сервере 1.11 django. Я довольно новичок в javascript, и поэтому я публикую и получаю довольно новый для меня. Если я создаю сообщение в базе данных, оно появляется в окне чата. Это заставляет меня поверить, что это просто ошибка публикации. Это следующая ошибка, которую я получаю:

chat.js:13 POST http://127.0.0.1:8000/chat/api/messages/ 400 (Bad Request)
send @ jquery-3.2.1.min.js:4
ajax @ jquery-3.2.1.min.js:4
r.(anonymous function) @ jquery-3.2.1.min.js:4
send @ chat.js:13
(anonymous) @ (index):186
dispatch @ jquery-3.2.1.min.js:3
q.handle @ jquery-3.2.1.min.js:3

URL проекта

url(r'^chat/', include("chat.urls",namespace='chat')),

URL-адрес чата

urlpatterns = [
    url(r'^$', chat_view, name='chats'),
    url(r'^(?P<sender>\d+)/(?P<receiver>\d+)/$', message_view, name='chat'),
    url(r'^api/messages/(?P<sender>\d+)/(?P<receiver>\d+)/$', message_list, name='message-detail'),
    url(r'^api/messages/$', message_list, name='message-list'),
    url(r'^api/users/(?P<pk>\d+)/$', user_list, name='user-detail'),
    url(r'^api/users/$', user_list, name='user-list'),
    ]

сценарий Java:

//For sending
    $(function () {
        scrolltoend();
        $('#chat-box').on('submit', function (event) {
            console.log(event);
            event.preventDefault();
            var message = $('#id_message');
            send('{{ request.user.username }}', '{{ receiver.username }}', message.val());
            message.val('');
        })
    })

больше JS

function send(sender, receiver, message) {
    $.post('/chat/api/messages/', '{"sender": "'+ sender +'", "receiver": "'+ receiver +'","message": "'+ message +'" }', function (data) {
        console.log(data);
        var box = text_box.replace('{sender}', "You");
        box = box.replace('{message}', message);
        $('#board').append(box);
        scrolltoend();
    })
}

function receive() {
    $.get('/chat/api/messages/'+ sender_id + '/' + receiver_id, function (data) {
        console.log(data);
        if (data.length !== 0)
        {
            for(var i=0;i<data.length;i++) {
                console.log(data[i]);
                var box = text_box.replace('{sender}', data[i].sender);
                box = box.replace('{message}', data[i].message);
                box = box.replace('right', 'left blue lighten-5');
                $('#board').append(box);
                scrolltoend();
            }
        }
    })
}

function scrolltoend() {
$('#board').stop().animate({
    scrollTop: $('#board')[0].scrollHeight
}, 800);
}

Мысли о том, что не так