如何正确附加 django csrf_token 以在内联 javascript 中形成？

Question

我已经在 javascript 中动态创建了表单元素：

var selectform = document.createElement("form")

我在 selectform 中添加了其他输入元素和这些属性：

   submitnselection.setAttribute('type',"submit");
   submitnselection.setAttribute('value',"Submit");
   submitnselection.setAttribute("name","submitnpage");
   selectform.setAttribute("method", "post")
   selectform.setAttribute = ("action", "/test")
   "{% csrf_token %}";

在 HTML 中，添加 {% csrf_token %} 模板标签会起作用，但在这种 javascript 的情况下，我得到了 403 禁止错误：

CSRF 令牌丢失或不正确。

我找到了一些解决方案，但没有什么对我有用，有没有办法添加 {% csrf_token %} 以仅使用 Django、Javascript 和纯 Jquery 形成？另请注意，此脚本在 html 中，所以我认为 {% csrf_token %} 模板标签会起作用。

Answer 1

这应该可行：

var inputElem = document.createElement('input');
inputElem.type = 'hidden';
inputElem.name = 'csrfmiddlewaretoken';
inputElem.value = '{{ csrf_token }}';
selectform.appendChild(inputElem);

你看，csrf_token 只不过是一个字符串，它是表单的hidden 输入元素的value。就是这样！

Answer 2

您可以尝试在表单中附加一个输入字段：

// declare an input field 
var input = document.createElement('input');
input.type = 'hidden';
input.name = 'csrfmiddlewaretoken';
input.value = '{% csrf_token %}';

// attach field to the form 
selectform.appendChild(input);

// submit

Answer 3

如果我明白了一切，你需要发送一个 csrf 令牌，但你没有任何东西可以从 javascript 发送到服务器。

从 Django 模板中的代码很容易生成带有通常 {% csrf_token %} Django 标记的 csrf 令牌，但这是因为模板正在服务器中处理以创建最终的 HTML，该 HTML 将被发送到浏览器。

当您使用 Javascript 时，您无法生成 csrf 令牌，因此，我认为最好的解决方案是在模板中创建一个不可见的标签，可能是隐藏的输入。

<input id="token" type="hidden" value="{% csrf_token %}" ></input>

当在 jQuery 中使用 $('#token').attr('value') 获取值时，我有一个使用 jQuery POST 方法的示例：

token = $('#token').attr('value');
$.post(url, { 
             'personId': personId,
             'csrfmiddlewaretoken': token // This is the important thing
            }, function() {}
);

无论您如何操作，您都必须发送带有“csrfmiddlewaretoken”名称的令牌和令牌值以及您想要发送到服务器的其他信息。

如果您需要，我正在使用纯 JS 解决方案进行编辑。直说吧。