Django 中使用 js 操做 cookies

session與cookie對比

保存在用戶瀏覽器端的鍵值對
本地能夠修改;若是有敏感信息,能夠被看到html

Session:

保存在服務器端的鍵值對
服務端:保存鍵值對{'隨機字符串':{……用戶信息……}},經過cookie保存隨機字符串到客戶端上。jquery


在 app01 上添加文件夾 static ,並把 jquery.cookie.js 和 jquery.min.js 放入django

在 templates 文件夾下添加 js_cookie.html瀏覽器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.cookie.js"></script>
</head>
<body>

</body>
</html>

修改 views.py,在最後添加服務器

def js_cookie(req):
    obj = render(req, 'js_cookie.html')
    obj.set_signed_cookie('what', 'else')
    # 對應的若是要獲取加密的 cookie 值,須要使用 get_signed_cookie()方法
    return obj

修改 urls.pycookie

from django.contrib import admin
from django.urls import path

from app01 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('login.html', views.login),
    path('index.html', views.index),
    path('js_cookie.html', views.js_cookie),
]

在 settings.py 添加session

STATICFILES_DIRS=(
    os.path.join(BASE_DIR, "static"),
)

在瀏覽器上輸入 http://127.0.0.1:8000/js_cookie.html
按 F12 選擇 Network 點擊 Cookies ,能夠查看 cookies ,在 Console 處能夠輸入 js 命令
app

# 查看現有 cookies
document.cookie

# 設置 cookies
document.cookie = 'k1=v1'

# jquery 獲取 k1 的值
$.cookie('k1')

# jquery 設置 cookie
$.cookie('k2','v2')
相關文章
相關標籤/搜索