zoukankan      html  css  js  c++  java
  • cookie带状态返回

    需求场景:点击浏览器返回,回到主页时,展现指定的tab页。

    如下图:

    图中两个"点我"都会去到详情页面。但是点返回时,都会回到可参与的tab状态。
    那么对于用户的体验是不太友好的。

    解决办法:由于每次点返回,其实主页都会刷新一遍。那么可以从这里下手。
    思路方法1:记录最后一次tab的状态,并在跳转时,调用后台接口,将tab状态传给后台保存。返回时,由于页面刷新,调用接口,取出保存的tab状态。
    思路方法2:和方法1的思路一致。但是存储的方法是,前端完成,无需联合后台,也可以减少请求数。就是使用cookie存储。

    cookie的用法

    这个项目背景下,也可以使用session、localstorage等方法存储tab状态。这里就主要介绍cookie的使用方法。
    本项目我是结合jq的cookie官方插件来完成。(ps:由于原生cookie的操作太麻烦。加上插件大小只有4k)
    jquery.cookie.js各版本下载地址

    新增cookie:$.cookie('the_cookie', 'the_value')、$.cookie('the_cookie', 'the_value', { expires: 7 }); (ps:设置有效时间为7天)
    读取cookie:$.cookie('the_cookie');

    那既然知道了存和取,那么这个返回显示相应tab页,就可以很好解决了。(ps:实测,在app内也有效。)

  • 相关阅读:
    springMVC总结
    spring总结
    dubbo文档
    mysql集群
    JVM-优化
    JVM-GC日志打印
    JVM-垃圾回收
    JVM-问题定位示例
    C++11
    《疯狂的程序员》
  • 原文地址:https://www.cnblogs.com/lafitewu/p/9223489.html
Copyright © 2011-2022 走看看