django之cookie、session和ajax
阿新 • • 發佈：2017-11-30
length clean 投票 console 默認值 設置 什麽 save pre
1 Cookie
cookie是什麽？
保存在客戶端瀏覽器上的鍵值對 {k:v}
cookie依附在請求頭或響應頭中出現
發送請求時，會自動攜帶自己網站的cookie
應用：
實現登錄
投票
1.1 獲取Cookie
request.COOKIES[‘key‘] request.get_signed_cookie(key, default=RAISE_ERROR, salt=‘‘, max_age=None) 參數： default: 默認值 salt: 加密鹽 max_age: 後臺控制過期時間
1.2 設置Cookie
rep = HttpResponse(...) 或 rep ＝ render(request, ...) rep.set_cookie(key,value,...) rep.set_signed_cookie(key,value,salt=‘加密鹽‘,...) 參數： key, 鍵 value=‘‘, 值 max_age=None, 超時時間 expires=None, 超時時間(IE requires expires, so set it ifhasn‘t been already.) path=‘/‘, Cookie生效的路徑，/ 表示根路徑，特殊的：跟路徑的cookie可以被任何url的頁面訪問 domain=None, Cookie生效的域名 secure=False, https傳輸 httponly=False 只能http協議傳輸，無法被JavaScript獲取（不是絕對，底層抓包可以獲取到也可以被覆蓋）
1.3 瀏覽器操作cookie
由於cookie保存在客戶端的電腦上，所以，JavaScript和jquery也可以操作cookie
<script src=‘/static/js/jquery.cookie.js‘></script> $.cookie("list_pager_num", 30,{ path: ‘/‘ });
1.4 總結
cookie存儲到客戶端
優點：
數據存在在客戶端，減輕服務器端的壓力，提高網站的性能。
缺點：
安全性不高：在客戶端機很容易被查看或破解用戶會話信息
2 session
session是什麽？
保存在服務端的鍵值對
註意: session依賴cookie
Session是保存服務器端的鍵值對，依賴於cookie；django實現seesion，可以分為如下幾步：
- 生成隨機字符串
- 寫到用戶瀏覽器cookie中
- 保存到session中
- 在隨機字符串對應字典中設置相關內容
Django中默認支持Session，其內部提供了5種類型的Session供開發者使用：
數據庫（默認）
緩存
文件
緩存+數據庫
加密cookie
2.1 配置 settings.py
SESSION_ENGINE = ‘django.contrib.sessions.backends.db‘ # 引擎（默認） SESSION_COOKIE_NAME ＝ "sessionid" # Session的cookie保存在瀏覽器上時的key，即：sessionid＝隨機字符串（默認） SESSION_COOKIE_PATH ＝ "/" # Session的cookie保存的路徑（默認） SESSION_COOKIE_DOMAIN = None # Session的cookie保存的域名（默認） SESSION_COOKIE_SECURE = False # 是否Https傳輸cookie（默認） SESSION_COOKIE_HTTPONLY = True # 是否Session的cookie只支持http傳輸（默認） SESSION_COOKIE_AGE = 1209600 # Session的cookie失效日期（2周）（默認） SESSION_EXPIRE_AT_BROWSER_CLOSE = False # 是否關閉瀏覽器使得Session過期（默認） SESSION_SAVE_EVERY_REQUEST = False # 是否每次請求都保存Session，默認修改之後才保存（默認）
2.2 使用
def index(request): # 獲取、設置、刪除Session中數據 request.session[‘k1‘] request.session.get(‘k1‘,None) request.session[‘k1‘] = 123 request.session.setdefault(‘k1‘,123) # 存在則不設置 del request.session[‘k1‘] # 所有 鍵、值、鍵值對 request.session.keys() request.session.values() request.session.items() request.session.iterkeys() request.session.itervalues() request.session.iteritems() # 用戶session的隨機字符串 request.session.session_key # 將所有Session失效日期小於當前日期的數據刪除 request.session.clear_expired() # 檢查 用戶session的隨機字符串 在數據庫中是否 request.session.exists("session_key") # 刪除當前用戶的所有Session數據 request.session.delete("session_key") request.session.set_expiry(value) * 如果value是個整數，session會在些秒數後失效。 * 如果value是個datatime或timedelta，session就會在這個時間後失效。 * 如果value是0,用戶關閉瀏覽器session就會失效。 * 如果value是None,session會依賴全局session失效策略。
2.3 Session用戶驗證
def login(func): def wrap(request, *args, **kwargs): # 如果未登陸，跳轉到指定頁面 if request.path == ‘/test/‘: return redirect(‘http://www.baidu.com‘) return func(request, *args, **kwargs) return wrap
2.4 session註銷
request.session.flush()
request.session.clear()
3 Ajax
3.1 特點
AJAX使用Javascript技術向服務器發送異步請求；
AJAX無須刷新整個頁面；
因為服務器響應內容不再是整個頁面，而是頁面中的局部，所以AJAX性能高；
3.2 ajax入門
Html頁面部分
<form id="f1"> {% csrf_token %} <p>用戶名：{{ form.user }}</p> <p>密碼：{{ form.password }}</p> <p>郵箱：{{ form.email }}</p> <input type="button" value="提交" onclick="submitForm();"/> </form> <script src="/static/jquery-3.2.1.js"></script> <script> function submitForm() { $(‘#f1 .error‘).remove(); $.ajax({ url: ‘/register.html‘, type: ‘POST‘, data: $(‘#f1‘).serialize(), dataType: ‘JSON‘, success: function (arg) { if (arg.status) { location.href = "/login.html"; } else { /* arg.msg = { email: [‘xxxxx‘,] password: [‘xxxxx‘,] user: [‘xxxxx‘,] } */ $.each(arg.msg, function (k, v) { var tag = document.createElement(‘span‘); tag.innerHTML = v[0]; tag.className = "error"; // <span class=‘error‘>v[0]</span> $(‘#f1 input[name="‘ + k + ‘"]‘).after(tag); }) } } }) } </script>
後臺處理邏輯
class RegisterForm(Form): user = fields.CharField(required=True,min_length=6,max_length=18) email = fields.EmailField(required=True,min_length=6,max_length=18) password = fields.CharField(min_length=12) import json def register(request): if request.method == ‘GET‘: form = RegisterForm() return render(request,‘register.html‘,{‘form‘:form}) else: response = {‘status‘: True,‘data‘: None,‘msg‘:None} form = RegisterForm(request.POST) if form.is_valid(): print(form.cleaned_data) # 數據庫中添加一條數據 # return redirect(‘/login.html‘) # ajax跳轉，錯錯錯 else: response[‘status‘] = False response[‘msg‘] = form.errors return HttpResponse(json.dumps(response))
3.3 $.ajax請求參數
data: 當前ajax請求要攜帶的數據，是一個json的object對象，ajax方法就會默認地把它編碼成某種格式 (urlencoded:?a=1&b=2)發送給服務端；此外，ajax默認以get方式發送請求。 function testData() { $.ajax("/test",{ //此時的data是一個json形式的對象 data:{ a:1, b:2 } }); processData：聲明當前的data數據是否進行轉碼或預處理，默認為true，即預處理；if為false， 那麽對data：{a:1,b:2}會調用json對象的toString()方法，即{a:1,b:2}.toString() 最後得到一個［object，Object］形式的結果。 contentType：默認值: "application/x-www-form-urlencoded"。發送信息至服務器時內容編碼類型。 用來指明當前請求的數據編碼格式；urlencoded:?a=1&b=2；如果想以其他方式提交數據， 比如contentType:"application/json"，即向服務器發送一個json字符串： $.ajax("/ajax_get",{ data:JSON.stringify({ a:22, b:33 }), contentType:"application/json", type:"POST", }); 註意：contentType:"application/json"一旦設定，data必須是json字符串，不能是json對象 views.py: json.loads(request.body.decode("utf8")) traditional：一般是我們的data數據有數組時會用到 ：data:{a:22,b:33,c:["x","y"]}, traditional為false會對數據進行深層次叠代；
3.4 $.ajax響應參數
dataType： 預期服務器返回的數據類型,服務器端返回的數據會根據這個值解析後，傳遞給回調函數。
默認不需要顯性指定這個屬性，ajax會根據服務器返回的content Type來進行轉換；
比如我們的服務器響應的content Type為json格式，這時ajax方法就會對響應的內容
進行一個json格式的轉換，if轉換成功，我們在success的回調函數裏就會得到一個json格式
的對象；轉換失敗就會觸發error這個回調函數。如果我們明確地指定目標類型，就可以使用data Type。
dataType的可用值：html｜xml｜json｜text｜script
3.5 csrf跨站請求偽造
基於請求體：
<script src="/static/jquery-3.2.1.js"></script> <script> function ajaxSubmit() { $.ajax({ url: "/icbc.html", type: ‘POST‘, data: {‘k1‘: ‘v1‘, ‘k2‘: ‘v2‘, ‘csrfmiddlewaretoken‘: $(‘input[name="csrfmiddlewaretoken"]‘).val()}, success: function (arg) { console.log(arg) } }) } // 只能寫在模板中 function ajaxSubmit() { $.ajax({ url: "/icbc.html", type: ‘POST‘, data: {‘k1‘: ‘v1‘, ‘k2‘: ‘v2‘, ‘csrfmiddlewaretoken‘: "{{ csrf_token }}"}, success: function (arg) { console.log(arg) } }) } function ajaxSubmit() { $.ajax({ url: "/icbc.html", type: ‘POST‘, data: $(‘#f1‘).serialize(), success: function (arg) { console.log(arg) } }) } </script>
基於請求頭：
a. 在cookie中獲取csrftoken對應的值 l2kEqQLhR1gH0hh3ioZ1dfxT3iSwjXoKTf7GNFggJZ7E6DROB6k33L7vdqe5lV1v
b. 發送請求時，放在請求頭中也可以
<script src="/static/jquery-3.2.1.js"></script> <script> function ajaxSubmit() { $.ajax({ url: "/icbc.html", type: ‘POST‘, data: {‘k1‘: ‘v1‘, ‘k2‘: ‘v2‘}, headers: {"X-CSRFToken": $.cookie(‘csrftoken‘)}, success: function (arg) { console.log(arg) } }) } </script>
django之cookie、session和ajax