1、Django中CSRF中間件的工作原理及form表單提交需要添加{% csrf_token %}防止出現403錯誤
CSRF # 表示django全局發送post請求均需要字符串驗證
功能:防止跨站請求偽造的功能
工作原理:客戶端訪問服務器端,在服務器端正常返回給客戶端數據的時候,而外返回給客戶端一段字符串,等到客戶端下次訪問服務器
端時,服務器端會到客戶端查找先前返回的字符串,如果找到則繼續,找不到就拒絕。
訪問流程:客戶端-》URL路由系統 - 》 CSRF -》視圖函數
需要在客戶端頁面的post表單內添加:{% csrf_token %}
全局生效:
中間件 django.middleware.csrf.CsrfViewMiddleware
局部生效:
@csrf_protect,為當前函數強制設置防跨站請求偽造功能,即便settings中沒有設置全局中間件。
@csrf_exempt,取消當前函數防跨站請求偽造功能,即便settings中設置了全局中間件。
寫法如下:
from django.views.decorators.csrf import csrf_exempt,csrf_protect
@csrf_exempt
def index(request): # 這樣表示此函數取消CSRF驗證
2、Django中使用ajax做post提交防止出現403錯誤的方法
現在以ajax發送一個請求,注意get和post的區別,post會被forbidden,get不會,
url 文件
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^login/', views.login),
url(r'^ajax_send/', views.ajax_send),
]
在views文件中,
def ajax_send(request):
return HttpResponse("ok")
在前端頁面,,
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="{% static 'jquery-3.2.1.js' %}"></script>
</head>
<body>
<button>ajax發送</button>
</body>
<script>
$("button").click(function () {
$.ajax({
url:"/ajax_send/",
data:{"user":"gu"},
type:"POST", ----------如果以get請求是不會被forbidden,只有post請求會被forbidden,
success:function (data) {
alert(data)
}
})
})
</script>
</html>
ajax的post請求會報錯,forbidden
Forbidden (CSRF token missing or incorrect.): /ajax_send/ [10/Dec/2017 10:58:41] "POST /ajax_send/ HTTP/1.1" 403 2502 Forbidden (CSRF token missing or incorrect.): /ajax_send/ [10/Dec/2017 10:59:22] "POST /ajax_send/ HTTP/1.1" 403 2502 Forbidden (CSRF token missing or incorrect.): /ajax_send/
如果想要避免forbidden,
方法1:要在ajax發送請求前加上
$.ajaxSetup({
data:{csrfmiddlewaretoken:'{{ csrf_token }}'},
});
注意:{{ csrf_token }} ,是需要渲染的,不能脫離模板,所以是外部文件引入的話,不能執行,
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="{% static 'jquery-3.2.1.js' %}"></script>
</head>
<body>
<button>ajax發送</button>
</body>
<script>
$("button").click(function () {
$.ajaxSetup({
data:{csrfmiddlewaretoken:'{{ csrf_token }}'},---------
});
$.ajax({
url:"/ajax_send/",
data:{"user":"gu"},
type:"POST",
success:function (data) {
alert(data)
}
})
})
</script>
</html>
方法2:在ajax發送請求是加上csrfmiddlewaretoken,的值,
$.ajax({
url:"/ajax_send/",
data:{"user":"gu","csrfmiddlewaretoken":$("[name='csrfmiddlewaretoken']").val()},-----與方法1的功能一樣,
但這種方法可以作為一個外部文件引入,
type:"POST",
success:function (data) {
alert(data)
}
})
})
-------

方法3:修改header,
在views打印cookie可以得到csrftoken
def index(request):
print("cookie",request.COOKIES)
#cookie {
# 'csrftoken': 'AB9v1MGTbdpSGg3FaGCIiUxrKVR8zKSqgdGFDn5E0ADsJ2ST7N2zgW6KboQ8G31x',
# 'sessionid': 'eexw5p38vky9qo38nf372dz5lj1br6xf'
# }
#cookie 是瀏覽器給的,
return HttpResponse("index")
需要先下載一個jquery.cookie.js插件文件,然后引用,
<script src="{% static 'jquery.cookie.js' %}"></script>
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
{# <script src="{% static 'jquery-3.2.1.js' %}"></script>#}
<script src="{% static 'jquery.cookie.js' %}"></script>
</head>
<body>
{#<form action="/login/" method="post">#}
{# csrf_token 在前端會渲染出一個input標簽,是一組鍵值對,鍵是csrfmiddlewaretoken,值是隨機字符串,會隨着下面的input標簽一起提交,只有這種形式發送post的請求才能被接收,#}
{##}
{# {% csrf_token %}#}
{# <p>用戶名:{{ form_obj.user }}</p>#}
{# <p>密 碼:{{ form_obj.pwd }}</p>#}
{# <input type="submit">#}
{##}
{#</form>#}
<button>ajax發送</button>
</body>
<script>
{# $("button").click(function () {#}
{##}
{# $.ajaxSetup({#}
{# data:{csrfmiddlewaretoken:'{{ csrf_token }}'},#}
{# });#}
{##}
{# $.ajax({#}
{##}
{# url:"/ajax_send/",#}
{# data:{"user":"gu","csrfmiddlewaretoken":$("[name='csrfmiddlewaretoken']").val()},#}
{# type:"POST",#}
{# success:function (data) {#}
{# alert(data)#}
{# }#}
{##}
{#{)#}
$('button').click(function () {
$.ajax({
url:"/ajax_send/",
type:"post",
headers:{"X_CSRFToken":$.cookie('csrftoken')},---------------
success:function () {
alert(123)
}
})
})
</script>
</html>
-----
input 標簽的上傳文件,
在前端頁面
{#發送文件的時候,要加上enctype ,是以塊的方式發送文件,#}
<form action="/login/" method="post" enctype="multipart/form-data">
<input type="file" name="fileobj">
</form>
<button>ajax發送</button>
在views文件中,獲取文件,保存文件,
def login(request):
if request.method == "POST":
print("post",request.POST.get("fileobj"))
print("post",type(request.POST.get("fileobj")))
print("===",request.FILES)
fileobj = request.FILES.get("fileobj")
#創建一個文件句柄,把文件存起來,
f=open(fileobj.name,'wb')
for i in fileobj.chunks():#按塊存
f.write(i)

