带有js的django csrf令牌答案

【问题标题】：django csrf token with js带有js的django csrf令牌
【发布时间】：2016-03-21 12:48:11
【问题描述】：

我正在尝试向 html 页面添加一个带有 js 的表单（例如加载页面时的 html 令牌 {% csrf_token %}）：

table += "<td><form action='' method='post'>";
table += "<input type='submit' value='Delete?' />";
table += "</form></td>;
$("#tbody").append(table);

我的问题是我收到一个 csrf 验证错误：

Forbidden (403)
CSRF verification failed. Request aborted.
Help
Reason given for failure:
    CSRF token missing or incorrect.

我尝试添加自定义 csrf 令牌：

var buf = new Uint8Array(1);
window.crypto.getRandomValues(buf); 

table += "<input type='hidden' name='csrfmiddlewaretoken' value='" + buf[0] + "'>";

但我仍然收到错误。

我的 js 文件中也有以下代码（我从 django 网站获得的 - 我不知道它实际上是如何工作的..）：

//enable csrf post ajax

//This function gets cookie with a given name
function getCookie(name) {
 var cookieValue = null;
 if (document.cookie && document.cookie != '') {
     var cookies = document.cookie.split(';');
     for (var i = 0; i < cookies.length; i++) {
         var cookie = jQuery.trim(cookies[i]);
         // Does this cookie string begin with the name we want?
         if (cookie.substring(0, name.length + 1) == (name + '=')) {
             cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
         break;
     }
 }
 }
 return cookieValue;
}
var csrftoken = getCookie('csrftoken');

/*
The functions below will create a header with csrftoken
*/

function csrfSafeMethod(method) {
 // these HTTP methods do not require CSRF protection
 return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

$.ajaxSetup({ 
 beforeSend: function(xhr, settings) {
     if (!csrfSafeMethod(settings.type) && !this.crossDomain && 
        (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url)))) {
     // Only send the token to relative URLs i.e. locally.
     xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
     }
 } 
});

有没有办法像我尝试的那样用 js 添加 csrf 令牌？

【问题讨论】：

建议：使用 JQuery $.cookie("csrftoken") 。 getCookie 方法不是必需的。

标签： javascript django

【解决方案1】：

django 提供的用于提取 csrftoken 的 Javascript 代码将 csrftoken 值分配给名为 csrftoken 的变量

你可以通过它的变量名在任何地方访问它，像这样：

table += "<input type='hidden' name='csrfmiddlewaretoken' value='" + csrftoken + "'>";

在访问csrftoken之前，请确保你的页面中已经包含了django提供的js

另外，正如@Sander 所指出的，如果你使用内联JS，你可以直接使用csrf_token 模板标签。

table += "{% csrf_token %}";

【讨论】：

【解决方案2】：

js 是否作为内联 js 添加到您的 django 模板中？

在这种情况下你可以这样做：

table += "<td><form action='' method='post'>";
table += "{% csrf_token %}";
table += "<input type='submit' value='Delete?' />";
table += "</form></td>;
$("#tbody").append(table);

【讨论】：