位置: 编程技术 - 正文

jquery使用Cookie和JSON记录用户最近浏览历史

编辑:rootadmin

推荐整理分享jquery使用Cookie和JSON记录用户最近浏览历史,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

在一些电商网站,有“商品浏览历史记录”这一功能,一些视频类、小说类的网站也能记录用户最近的浏览历史。本文将使用Cookie以及JSON来讲解如何实现这一功能。Cookie可以用来记录客户端用户ID、密码、浏览过的网页、停留的时间等信息,jQuery提供了一个cookie插件,能非常方便的读写cookie信息。基本流程:1、获取文章详情页面文章的标题和页面地址;2、获取浏览历史cookie信息,判断如果浏览历史的cookie中已经存在当前文章的浏览记录,则不进行任何操作;3、如果浏览历史的cookie中不存在当前文章的浏览记录,则将当前文章的cookie信息(文章标题和页面地址)写入浏览历史的cookie信息中。写入的cookie信息,采用JSON数据格式,便于读取。4、获取浏览历史cookie信息,遍历JSON数据,分析并输出浏览历史记录。详解:1、保证要记录浏览历史的文章详情页面已载入jquery和cookie插件。获取当前文章页面的文章标题和页面地址:

jquery使用Cookie和JSON记录用户最近浏览历史

2、获取用户历史浏览记录,如果已经存在浏览历史,则分析历史记录的cookie信息(JSON数据格式),获取记录长度。

3、如果浏览历史cookie信息已经存在,则遍历cookie信息,对比当前文章标题,如果cookie信息中已经存在当前文章标题,则中止程序,不做任何操作。

4、如果浏览历史cookie中不存在当前文章,则可以像浏览历史cookie中插入当前文章的cookie信息。此时需要构建json数据,将已有的浏览记录cookie和当前页面的cookie信息已经组合成JSON数据,然后通过$.cookie()方法写入到浏览历史记录中。

这样,我们就得到了用户的浏览历史记录cookie信息,cookie名称为hisArt,值为JSON格式的数据,如:[{"title":"article1","url":"a.html"},{"title":"article2","url":"b.html"},]5、接下来,我们就要在需要展示用户浏览历史记录的cookie信息。在本例对应的demo页面,首先要获取浏览历史cookie:hisArt的值,然后分析,遍历,组合成字符串输出到页面,代码如下:

我们在demo的页面中放置了一个#list的列表,当然这个页面也需要预先载入jquery库和cookie插件。

标签: jquery使用Cookie和JSON记录用户最近浏览历史

本文链接地址:https://www.jiuchutong.com/biancheng/384968.html 转载请保留说明!

上一篇:Jquery实现的简单轮播效果【附实例】(jquery的实现原理)

下一篇:jQuery中iframe的操作(点击按钮新增窗口)(jquery iframe)

  • 如何确定开票税率是否正确
  • 企业所得税负担变动率
  • 审计助理是做什么工作的
  • 机械设备买回来怎么消毒
  • 银行转账支付凭证有效期多久
  • 免税行业可以开什么发票
  • 合作社需要办什么证件
  • 员工事假扣工资怎么做账
  • 支付宝过路费开票小程序
  • 划拨土地划转是什么意思
  • 正版手写
  • 前期差错会计处理知乎
  • 个人缴纳工会会费比例
  • 销售发票的会计分录怎么做?
  • 支付微信收款放在哪里
  • 公司外部人员可以直接在公司报销吗
  • 首次购置增值税税控系统
  • 实收资本印花税是一年一交吗
  • 税负率的计算公式excel
  • 工程项目的业务流程
  • 预缴企业所得税研发费用加计扣除
  • 税法相关问题
  • 个人转让怎么写
  • 海关进口增值税可以抵扣吗
  • 代缴社保工资怎么做账
  • 专用发票验旧后还领不到发票
  • 烟花爆竹入库须知
  • u盘的内存卡怎么装
  • saproxy.exe - saproxy是什么进程 有什么用
  • 贷款贴息是什么政策
  • 潜在表决权如何影响表决权
  • 安装win7前需要手动格式化c盘吗
  • deepin缩放
  • 预收账款为什么不属于金融负债
  • 意外保险费是什么意思
  • php数组依次排列
  • web前端面试题目
  • faster rcnn详解
  • python3矩阵求逆
  • dedecms主页修改
  • 一般纳税人支付的增值税计入成本吗
  • 什么是指社会保障完全靠当前的收入
  • 存货报废进项税额需要转出吗
  • 小规模纳税人转一般纳税人的条件
  • 进口关税的会计处理方法
  • 车辆上牌的费用应付多少?
  • 进项税转出税额
  • 本月没有销售怎么做账
  • 发票已经认证是什么意思
  • 2021年异地转账还收费吗
  • 刻章费发票怎么开
  • 年化收益率怎么算
  • 旅游业餐饮业
  • SSB(SQLservice Service Broker) 入门实例介绍
  • sql server 字符串操作
  • vs2008如何使用
  • 怎么修改ubuntu的ip地址
  • fedora怎么用
  • solaris版本查询
  • win7怎么多分出一个盘
  • win8系统怎么重新安装系统
  • linux tee命令详解
  • win7系统打开我的电脑一闪
  • win7打印机删除后怎么恢复
  • 如何解决win7系统中鼠标键盘不能用
  • 360修复win7
  • js+html
  • Extjs ajax同步请求时post方式参数发送方式
  • 奇门遁甲实例详解
  • ant编译工具
  • ligerUI---ListBox(列表框可移动的实例)
  • 动态加载dll错误
  • javascript闭包函数
  • 简述matlab中控制系统的数学描述类型
  • angularjs2
  • javascript教程推荐知乎
  • Drag and drop in unity
  • script标签的defer和async
  • 设置默认python版本
  • 锦江区税务局发行窗口在哪
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设