专栏首页前端新视界关于浏览器后退操作与页面缓存问题

关于浏览器后退操作与页面缓存问题

关于浏览器后退缓存的问题很早就注意过,但一直没有在意,直到今天测试确切地提出这个问题。

问题描述

页面上有一个认领按钮,点击之后跳转到详情页,该按钮变为撤销,按钮类型由接口数据决定。然而点击浏览器的回退按钮之后,因为页面缓存的问题,按钮还是认领状态。只有刷新页面之后按钮状态变成撤销。

解决方法

搜索相关问题,大多是“点击后退。刷新页面”、“禁止页面缓存”等相关答案,主要思路是是设置 <meta> 标签,禁止页面缓存等,但也不是很理想。通过和同事沟通讨论得知,只需要在获取页面数据的请求中添加时间戳即可。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 通过 JS 实现简单的拖拽功能并且可以在特定元素上禁止拖拽

    前言 关于讲解 JS 的拖拽功能的文章数不胜数,我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写...

    叙帝利
  • 通过 JS 判断页面是否有滚动条的简单方法

    前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方...

    叙帝利
  • Vue.js 系列教程 1:渲染,指令,事件

    原文:intro-to-vue-1-rendering-directives-events 译者:nzbin 如果要我用一句话描述使用 Vue 的经历,我可...

    叙帝利
  • 缓存穿透、缓存击穿、缓存雪崩区别和解决方案【php】

    缓存穿透是指缓存和数据库中都没有的数据,而用户不断发起请求,这时的用户很可能是攻击者,攻击会导致数据库压力过大。

    sinnoo
  • 国外优秀的Sketch原型设计分享—行程管理类APP

    这是一款提供全球航班预定、值机选座以及航班延误提醒的飞行行程管理工具App。随着大众交通系统越来越发达,日常生活中这一类型App的需求也越来越多。

    奔跑的小鹿
  • Google 出的 Guava 是个什么鬼?

    我平时用的也挺频繁,这次就借助日常使用的 Cache 组件来看看 Google 大牛们是如何设计的。

    纯洁的微笑
  • 将android-6.0.1_r11的编译结果刷入nexus6P

    编译步骤略,具体可以参考: http://www.jianshu.com/p/ecb9c132030f https://source.android.com...

    用户2930595
  • 程序员修神之路--谈了千百遍的缓存数据的一致性问题

    当我们的系统引入缓存组件之后,性能得到了大幅度提升,但是随之而来的是代码需要引入一定的复杂度,比如缓存的更新策略,写入策略,过期策略等,而其中最可能导致程序员加...

    架构师修行之路
  • 缓存使用过程中的五种策略总结及优缺点组合分析

    今天翻译一篇关于缓存策略的文章,原文标题是Cacheing Strategies and How to Choose the Right One,朋友推荐看的,...

    Java_老男孩
  • 缓存使用过程中的几种策略总结及优缺点组合分析

    今天翻译一篇关于缓存策略的文章,原文标题是Cacheing Strategies and How to Choose the Right One,同事推荐看的,...

    用户1516716

扫码关注云+社区

领取腾讯云代金券