禁止（CSRF 令牌丢失或不正确。）

Question

我已经搜索过类似的问题，但似乎与我的情况无关。

为什么这段代码可以正常工作：

<form action="/signup/" method="post">
{% csrf_token %}
[FORM]
</form>

但是

<form id="signup-form">
  {% csrf_token %}
[FORM]
  </form>

<script type="text/javascript">
$(function() {
$(".submit-signup").on("click", function() {
    var user = $("#signup_form").serialize();
    console.log(user);
    $.post("/signup/", user, function() {
    });
});
});
 </script>

不工作？

这里是views.py中的注册：

@requires_csrf_token
def signup(request):
[STUFF]

return render(request, 'signup.html', {[STUFF}})

我还能提供什么帮助？基本上我正在尝试获取一个页面并将其转换为执行相同操作的模态。

谢谢！

Answer 1

您正在执行一个 ajax 后调用，您还需要为此提供 csrf 令牌：

$.post("/signup/", {
    user: user, 
    csrfmiddlewaretoken: '{{ csrf_token }}'
}, function() {
   // success todo
}, function(){
   // fail todo
});