[英]error: “CSRF verification failed. Request aborted.” when using jquery ajax with Django
在模板中:
<script type="text/javascript">
$.ajax({
type:"POST",
url:"{% url DrHub.views.ajxTest %}",
data: {
'start': $('#id_startTime').val(),
'end': $('#id_endTime').val(),
'csrfmiddlewaretoken': '{{ csrf_token }}'
},
success: function(data){
alert(data);
}
});
</script>
.
.
.
<form method='POST' action=".">
{% csrf_token %}
<input type="text id="id_startTime" />
<input type="text id="id_endTime" />
<input type="submit" value="send" />
</form>
在視圖中:
def ajxTest(request):
if request.is_ajax():
if request.method == 'POST':
return HttpResponse(json.dumps({'message' : 'awesome'},ensure_ascii=False), mimetype='application/javascript')
在 settings.py 中:
MIDDLEWARE_CLASSES = (
'django.middleware.common.CommonMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.locale.LocaleMiddleware',
)
提交表單時出現此錯誤: CSRF verification failed. Request aborted.
CSRF verification failed. Request aborted.
我搜索了很多,但沒有一個建議的解決方案對我有用!
像: Django CSRF 檢查因 Ajax POST 請求而失敗
我重新定義了一個包含以下內容的 js 文件:
$.ajaxSetup({
beforeSend: function(xhr, settings) {
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;
}
if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
// Only send the token to relative URLs i.e. locally.
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
}
});
但這也不起作用!
我看到一個解決方案說使用 ajaxSetup 而不是 ajaxSend 來發布數據,我該怎么做?
您應該從 dom 元素中提取 csrfmiddlewaretoken:
{'csrfmiddlewaretoken':$( "#csrfmiddlewaretoken" ).val()}
以上正是我在幾個地方所做的,並且有效。
編輯只是為了從您的材料中添加一些清晰度圖:
<script type="text/javascript">
$.ajax({
type:"POST",
url:"{% url DrHub.views.ajxTest %}",
data: {
'start': $('#id_startTime').val(),
'end': $('#id_endTime').val(),
'csrfmiddlewaretoken':$( "#csrfmiddlewaretoken" ).val()
},
success: function(data){
alert(data);
}
});
</script>
還有另一個捷徑。 我不知道這里的安全問題是否具有如此大的價值和重要性。 我遇到了這個問題,但似乎有很多黑客攻擊,最終試圖從現有 cookie 提交 csrftoken。 我不知道如果這個 cookie 不存在或沒有設置會發生什么。
我的方法是在處理 ajax 帖子的視圖中添加一個@csrf_exempt
。 您從django.views.decorators.csrf
導入csrf_exempt
像這樣:
from django.views.decorators.csrf import csrf_exempt
然后,從視圖方法:
@csrf_exempt
def the_method_to_be_called(request):
...
看到這個鏈接
我的解決方案是將其作為對具有此內容的 js 文件的引用:
jQuery(document).ajaxSend(function(event, xhr, settings) {
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;
}
function sameOrigin(url) {
// url could be relative or scheme relative or absolute
var host = document.location.host; // host + port
var protocol = document.location.protocol;
var sr_origin = '//' + host;
var origin = protocol + sr_origin;
// Allow absolute or scheme relative URLs to same origin
return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
(url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
// or any other URL that isn't scheme relative or absolute i.e relative.
!(/^(\/\/|http:|https:).*/.test(url));
}
function safeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
});
我已經通過執行以下操作來解決它:
let data = {};
data.somedata = somedata;
data.csrfmiddlewaretoken = '{{ csrf_token }}';
$.ajax({
type: 'POST',
url: "/myadmin/user/medical/"+rowId,
data: data,
dataType: "json",
success: function(resultData) { alert("Save Complete") }
});
希望這對某人有用。
請在您的 js 中添加 csrfmiddlewaretoken 作為csrfmiddlewaretoken
: {% csrf_token %}
。
<script type="text/javascript">
$.ajax({
type:"POST",
url:"{% url DrHub.views.ajxTest %}",
data: {
'start': $('#id_startTime').val(),
'end': $('#id_endTime').val(),
'csrfmiddlewaretoken': '{% csrf_token %}'
},
success: function(data){
alert(data);
}
});
</script>
在 HTML(模板)中
{% csrf_token %}
在JS中
$.ajax({
type: "POST",
url: '/brand-admin/publish_article/',
data: {
'article_id': article_id,
'csrfmiddlewaretoken':$( "input[name='csrfmiddlewaretoken']" ).val()
},
dataType: 'json',
success: function (data) {
console.log(data);
}
});
如果{% csrf_token %}
在您的模板中:
<form id="the-form" autocomplete="off">
{% csrf_token %}
<input type="text" name="q">
<input type="submit" value="Submit">
</form>
您應該能夠使用以下方法發送它:
$("#the-form").submit(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "/post-url",
data: $("#the-form").serialize(),
success: function(data){
console.log(data);
}
});
});
最簡單的方法: csrfmiddlewaretoken
將在 dom 元素中可用。
只需使用名稱從 dom 元素中獲取csrfmiddlewaretoken
,如下所示:
'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val()
您也可以通過 id 獲取它,但有時那個 dom 元素不會是 carrieng id,所以這是最好的方法。
您可以復制粘貼以下代碼:
$.ajax({
type:"POST",
url:"{% url DrHub.views.ajxTest %}",
data: {
'start': $('#id_startTime').val(),
'end': $('#id_endTime').val(),
'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val()
},
success: function(data){
alert(data);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.