使用 csrfmiddlewaretoken 和 csrftoken cookie 设置的 Ajax POST 仍然会出现 django 403 Forbidden

Question

我读到 csrfmiddlewaretoken 和 csrftoken cookie 都必须是 django POST 请求成功的正确值( django: csrftoken COOKIE vs. csrfmiddlewaretoken HTML Form value )。我的情况就是这样，但我仍然得到 403:

在 Chrome 控制台中:

document.cookie

返回

"csrftoken=Wt9eeJop5Vb3OmeNTvogegckm1pVM5MD"

但是

$.get('https://learningdollars.fwd.wf/csrftoken/', function(data){
    console.log(data)
    token = $.parseHTML(data)[0].value
    console.log(token)
    $.ajax({
        type: "POST",
        url: 'https://learningdollars.fwd.wf/confirmemail/',
        data: {email: '<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f89f9c998b8db899948d959691d68b8c99969e978a9cd69d9c8d" rel="noreferrer noopener nofollow">[email protected]</a>', csrfmiddlewaretoken: token},
        contentType: "application/json"
    })
    .done(function(response) {
        console.log('done!')
    })
    .fail(function(error) {
        console.log('fail!')
    })
})

返回

> Object {readyState: 1, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function…}
> <input type='hidden' name='csrfmiddlewaretoken' value='Wt9eeJop5Vb3OmeNTvogegckm1pVM5MD' />
> Wt9eeJop5Vb3OmeNTvogegckm1pVM5MD
> POST https://learningdollars.fwd.wf/confirmemail/ 403 (Forbidden)
> fail! 

我有

'django.middleware.csrf.CsrfViewMiddleware',

在我的 django 中间件中激活。

我的根 urls.py 包含:

url(r'^csrftoken/$', views.get_csrf_token),
url(r'^confirmemail/$', views.confirm_email, name='confirm_email'),

而且，我的观点是:

def get_csrf_token(request):
    c = {}
    c.update(csrf(request))
    print c
    return render_to_response('csrf.html', c)

def confirm_email(request):
    print 'here'
    return JsonResponse({'response': 0})

顺便说一句，csrf.html 的内容只是 csrftoken(在输入标记内):

{% csrf_token %}

我做错了什么？

Answer 1

好吧，我找到了解决方案。它只是以 URI 而不是 json 的形式发送数据。 (顺便说一下，我尝试在上面指定 dataType: 'json' ，但没有成功。)以下是在 chrome 控制台中:

> email = '<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="72151613010732131e071f1c1b5c0106131c141d00165c171607" rel="noreferrer noopener nofollow">[email protected]</a>'
< "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d0b7b4b1a3a590b1bca5bdbeb9fea3a4b1beb6bfa2b4feb5b4a5" rel="noreferrer noopener nofollow">[email protected]</a>"

> csrftoken = 'L2MxD1XQIF1Xto5NkzUgGUYiHPyyz3K5'
< "L2MxD1XQIF1Xto5NkzUgGUYiHPyyz3K5"

> $.ajax({
    type: "POST",
    url: 'https://learningdollars.fwd.wf/confirmemail/',
    data: "email="+ encodeURI(email) + "&csrfmiddlewaretoken=" + encodeURI(csrftoken),
    success: function(data) { console.log(data); }
})

< Object {response: 1}

仍然不确定我在 json 方面做错了什么，但以下是我尝试过的:

$.ajax({
    type: "POST",
    url: "https://learningdollars.fwd.wf/confirmemail/",
    data: JSON.stringify({ email: email, csrfmiddlewaretoken: csrftoken }),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){
        alert(data);
    },
    failure: function(errMsg) {
        alert(errMsg);
    }
});