[英]django csrf token with js
我試圖將帶有js的表單添加到html頁面中(就像加載頁面時的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令牌,或者不能這樣做?
django提供的用於csrftoken提取的Javascript代碼將csrftoken值分配給名為csrftoken
的變量
您可以通過其變量名在任何地方訪問它,如下所示:
table += "<input type='hidden' name='csrfmiddlewaretoken' value='" + csrftoken + "'>";
在訪問csrftoken
之前,請確保已在頁面中包含django提供的js。
另外,正如@Sander指出的那樣,如果您使用內聯JS,則可以直接使用csrf_token
模板標記。
table += "{% csrf_token %}";
js是否作為內聯js添加到django模板中?
在這種情況下,您可以執行以下操作:
table += "<td><form action='' method='post'>";
table += "{% csrf_token %}";
table += "<input type='submit' value='Delete?' />";
table += "</form></td>;
$("#tbody").append(table);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.