Javascript Django邮政403禁止

我尝试用django开发聊天应用程序。一切正常，但我有一个奇怪的问题。127 0 0 1/403后（禁止）-每隔几秒钟

我的消息_box.js：

// load messages every 1000 milliseconds from server.
load_data = {'fetch':1};
window.setInterval(function(){
 $.post('/', load_data,  function(data) {
    $('.message_box').html(data);
    var scrolltoh = $('.message_box')[0].scrollHeight;
    $('.message_box').scrollTop(scrolltoh);
 });
}, 1000);

$("#shout_message").keypress(function(evt) {
    if(evt.which == 13) {
            var iusername = $('#shout_username').val();
            var imessage = $('#shout_message').val();
            post_data = {'username':iusername, 'message':imessage};
            $.post('/', post_data, function(data) {
                $(data).hide().appendTo('.message_box').fadeIn();
                var scrolltoh = $('.message_box')[0].scrollHeight;
                $('.message_box').scrollTop(scrolltoh);
                $('#shout_message').val('');
            }).fail(function(err) {
            alert(err.statusText);
            });
        }
});

URL.py：

    url(r'^$', chat_index, name='home'),

html:

---

如果可以使用ajax重写此表单，请帮助我。谢谢。

您没有用ajax发送csrf令牌。请看我的答案，我尝试了，但我有未捕获的引用错误：未定义getCookie（10）getCookie不是内置函数。再次阅读答案，它提供了一个指向其来源的链接（提示：它来自django文档）

<form action="." method="POST">{% csrf_token %}
<div class="shout_box">
<div class="header">Max Shout Box <div class="close_btn">&nbsp;</div></div>
  <div class="toggle_chat">
  <div class="message_box">
    </div>
    <div class="user_info">
    <input name="shout_username" id="shout_username" type="text" placeholder="Your Name" maxlength="15" />
    <input name="shout_message" id="shout_message" type="text" placeholder="Type Message Hit Enter" maxlength="100" />
    </div>
    </div>
</div>
</form>

def chat_index(request):
    print(request.method)
    if request.method == "POST":
        print request.POST
    else:
        pass
    return render_to_response('base.html',
                              context_instance=RequestContext(request))