返回信息流页面从新加载题目

2024年2月19日 221次阅读 来源: sourcenode

　　近期做了一个挪动端项目，首页为信息流列表，在检测过程当中，微信端进入细致页，返回到信息流页面，每次数据从新加载，不能定位到最后一次点击的信息位置，严重影响体验。

　　针对这个题目，百般讯问度娘，终究处理，已分享给人人，共勉。

重要应用知识点：

  • window.sessionStorage.setItem()

  • window.sessionStorage.getItem()

  • window.sessionStorage.removeItem()

处理步骤：

<script src=”js/jquery.js”></script>增加到页面

1、当地存储 window.sessionStorage.setItem

首先是ajax异步加载，每次转动到底部就加载信息，这个不症结，为了削减监听次数，我们可认为每条信息的a链接增加监听事宜，即链接触发时，将加载的一切信息，缓存到当地
newBox.on(‘click’, ‘a’, function() {
var html = newBox.html();
var session = {html : html};
var str = JSON.stringify(session);
window.sessionStorage.setItem(‘pageCont’, str);
});

2、页面返回 window.sessionStorage.getItem

猎取存储带当地的一切信息
var str = window.sessionStorage.getItem(‘pageCont’);
var obj = JSON.parse(str);
var html = obj.html;
newBox.html(html); // 衬着dom元素

3、移除当地存储 window.sessionStorage.removeItem

衬着信息后移除以便消灭空间留着下次再用;

window.sessionStorage.removeItem(‘pageCont’);

就用这三步就搞定了，人人尝尝吧。
原创文章，转发请标注出处，若有题目，请指教，人人共同进步。

    原文作者：sourcenode
    原文地址: https://segmentfault.com/a/1190000009556964
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞