利用js模拟用户的cookie信息保存

注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814761849708347907/

默认已完成爬虫文档《爬虫学习文档顺序

利用js模拟用户的cookie信息保存

 

并简单搭建完展示页面和管理后台的练习部分

例如

管理后台:

利用js模拟用户的cookie信息保存

 

展示页面:

利用js模拟用户的cookie信息保存

 

接下来完成Cookie的实现

思路如下图:

利用js模拟用户的cookie信息保存

 

创建一个js文件和index.jsp文件

利用js模拟用户的cookie信息保存

 

jsp文件内容,都是默认实现,主要是为了引入analytics.js

利用js模拟用户的cookie信息保存

 

编写analytics.js文件,函数初始结构

利用js模拟用户的cookie信息保存

 

添加一个CookieUtil工具

利用js模拟用户的cookie信息保存

 

获取cookie的函数

利用js模拟用户的cookie信息保存

 

设置cookie的函数

利用js模拟用户的cookie信息保存

 

后续部分

利用js模拟用户的cookie信息保存

 

再创建一个tracker,添加一个日志打印函数,方便我们调试

利用js模拟用户的cookie信息保存

 

添加变量keys

利用js模拟用户的cookie信息保存

 

创建会话建立函数

利用js模拟用户的cookie信息保存

 

调用

利用js模拟用户的cookie信息保存

 

启动测试下(ctrl+f5强制刷新js,否则可能缓存看不到)

利用js模拟用户的cookie信息保存

 

继续编写js

创建generateId产生UUID

利用js模拟用户的cookie信息保存

 

添加sid、uuid的get/set方法,类似于java中的部分

利用js模拟用户的cookie信息保存

 

添加一个更新方法的函数

利用js模拟用户的cookie信息保存

 

创建会话函数

利用js模拟用户的cookie信息保存

 

开始会话

利用js模拟用户的cookie信息保存

 

查看效果

利用js模拟用户的cookie信息保存

 

查看cookie

利用js模拟用户的cookie信息保存

 

利用js模拟用户的cookie信息保存

 

 

继续完成js

增加一个配置变量clientConfig

利用js模拟用户的cookie信息保存

 

判断拜访时间是否过期

利用js模拟用户的cookie信息保存

 

添加到开始会话里

利用js模拟用户的cookie信息保存

 

查看效果(更改下过期时间测试)

利用js模拟用户的cookie信息保存

 

 

查看

利用js模拟用户的cookie信息保存

 

10s以后

利用js模拟用户的cookie信息保存

posted on   那山的狐狸  阅读(541)  评论(0编辑  收藏  举报

编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示