django rest框架评论表单不发送数据(如何使用angular js发送和接收json数据)

Question

我最初使用下面的ajax调用将POST数据发送到django rest framework接口。

$('#comment_form').on('submit', function(e) { e.preventDefault()

  $.ajax({
    type:"POST",
    url: '/api/comments/create/',
    headers:{ 'X-CSRF-Token': getCookie('csrftoken') },
    data:$('#post_form').serialize(),
    error: function(response){
      alert('Not authorized.');  // Or something in a message DIV
    },
    success: function(response){
    // do something with response
 }
 });

});

但由于某些原因，当我尝试使用POST form登录任何内容时，我收到了404错误，而其他表单，如登录form和POST form，工作正常。

(这是包含该评论框http://192.241.153.25:8000/#/post/images2的实时站点)

我想这是因为它是后来通过使用angualr js的路由函数添加到DOM中的。

当控制台网络选项卡正确发送csrf时，它会抛出典型的csrf令牌缺失错误。

有没有人知道这个问题的解决方案？

我想知道，如果我使用AngularJs而不是jQuery ajax，是否可以正常工作。

Answer 1

正如我在你的当前页面上看到的，有403错误，是由csrf保护检查引起的。

根据django的值https://docs.djangoproject.com/en/1.10/ref/csrf/#ajax在angularjs config()函数中设置csrf cookie名称

$httpProvider.defaults.xsrfCookieName = 'csrftoken';
$httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken';