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')
相关文章
相关标签/搜索