JS中利用localStorage防止页面动态添加数据刷新后数据丢失
非常不多说了，直接给大家贴代码了，具体代码如下所示：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>Document</title> <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> </head> <body> <ul> <li>555</li> <li>555</li> <li>555</li> <li>555</li> </ul> <button>button</button> <script type="text/javascript"> var arrary_li = document.querySelectorAll("li"); var num; $('button').on('click', function () { $('li').last().addClass('active') for (var i = 0; i < arrary_li.length; i++) { if (arrary_li[i].className === 'active') { num = i; } } localStorage.setItem('num', num) location.reload() }) var getNum = parseInt(localStorage.getItem('num')); $('li').eq(getNum).addClass('active'); </script> </body> </html>
以上所述是小编给大家介绍的JS中利用localStorage防止页面动态添加数据刷新后数据丢失，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍vuex页面刷新后数据丢失的方法，包括了vuex页面刷新后数据丢失的方法的使用技巧和注意事项，需要的朋友参考一下 1. 原因 （1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。 （2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。 （3）要想刷新后数据不丢失就必须把数据存储在外部，例如：Local Storage、Session Stor
-
在我的项目中，我有两页，第一页用于输入数据，第二页用于向用户显示数据。刷新结果页时，数据将被复制。我试图解决这个问题，但我不熟悉PRG模式。如果用户刷新结果页，我希望防止重复。
-
reduxjs/toolkit刷新页面后，store 中的数据丢失怎么办？ 我想放到 localstorage 中，获取的时候，判断对象是否存在，不存在就把值给 state，结果 state 不让复制，但是直接返回缓存，就失去了响应式，这该咋解决？ 网上有说 redux-persist，但是这个比较老，都是 redux 的例子，大家都是怎么解决的？
-
问题内容： 我正在寻找一种刷新页面时停止在数据库中插入或发送数据的方法。 这是我的代码： user_details_page.php Confirm_page.php 因此，每次我刷新确认page.php时，都会将数据发送到数据库。如何停止呢？ 问题答案： 将用户带到新页面： 通过这样做，刷新的用户将得到刷新，这意味着它将不会重复执行两次插入操作。 最好的建议 ：如果没有，请检查用户是否首先存在！
-
Google数据丢失预防API支持.pdf还是.docx？我正在尝试在Java中对*.pdf文件做缩减，以隐藏敏感数据。 多谢！EMI
-
本文向大家介绍页面刷新后vuex的state数据丢失怎么解决？相关面试题，主要包含被问及页面刷新后vuex的state数据丢失怎么解决？时的应答技巧和注意事项，需要的朋友参考一下 监听浏览器刷新前的事件，在浏览器刷新之前就把vuex里的数据保存至sessionStorage中，刷新成功后如果异步请求的数据还没返回则直接获取sessionStorage里的数据，否则获取vuex里的数据。