Django Ajax“禁止”错误

Question

我看到人们在尝试发出远程 Ajax 请求时遇到禁止错误的情况，但我正在发出本地请求，并且我的中间件中也打开了 CSRF。

errorThrown 正在返回“禁止”

我认为问题可能是我正在尝试将其发送到普通视图（当前页面）......我不确定我的预处理器是否正在返回视图以重新呈现页面......或者如果它立即返回到我的当前页面。 （不要以为我解释得很好）

希望这能让您充分了解正在发生的事情。感谢任何/所有帮助。

.ajax：

jQuery.ajax({
        type: "POST",
        dataType: "json",
        data: dataString,
        success: function(json) {
              jQuery(".signup").attr('disabled', false);
              $('.success').show();
              console.log(json.message);
        },
        error: function(jqXHR, textStatus, errorThrown) {
              jQuery(".signup").attr('disabled', false);
              $('.fail').show().append(errorThrown);
              console.log(textStatus);
        }

    });

Answer 1

如果你开启了 csrf，你会得到 403 错误，尝试添加 views.py 看看是不是这个原因：

from django.views.decorators.csrf import csrf_exempt

@csrf_exempt
view class/method

Answer 2

即使请求是针对同一个域的，您也需要 CSRF 令牌。这里有代码可以将 CSRF 令牌添加到您的 AJAX 请求（使用 jQuery）：

https://docs.djangoproject.com/en/1.7/ref/contrib/csrf/#ajax

此链接指向版本 1.7，如果您使用的是不同版本的 Django，您可以从右下角的浮动菜单中选择您的版本。

Answer 3

好吧，如果您仍然需要 CSRF 保护，请阅读我的解决方案。

就我而言，我有一个模板，我不想在其中包含<form></form> 元素。但我仍然想使用 jQuery 发出 AJAX POST 请求。

由于 CSRF cookie 为空，我得到了 403 错误，即使我遵循了 django 文档 (https://docs.djangoproject.com/en/1.5/ref/contrib/csrf/)。解决方案在同一页面中，提到了ensure_csrf_cookie 装饰器。

当我在views.py 顶部添加这个时，我的 CSRF cookie 确实被设置了：

from django.views.decorators.csrf import ensure_csrf_cookie
@ensure_csrf_cookie

另外，请注意，在这种情况下，您不需要标记/模板中的 DOM 元素：{% csrf_token %}

Answer 4

从这里下载 jQuery.Cookie 并包含它：http://plugins.jquery.com/cookie/

然后，添加beforeSend 函数并像这样发送csrf令牌：

jQuery.ajax({
    type: "POST",
    dataType: "json",
    data: dataString,
    beforeSend: function(xhr, settings) {
        xhr.setRequestHeader("X-CSRFToken", $.cookie('csrftoken'));
    },
    success: function(json) {
          jQuery(".signup").attr('disabled', false);
          $('.success').show();
          console.log(json.message);
    },
    error: function(jqXHR, textStatus, errorThrown) {
          jQuery(".signup").attr('disabled', false);
          $('.fail').show().append(errorThrown);
          console.log(textStatus);
    }

});