javascript - window.history.pushState() 数据,如何以及何时检索它们?

标签 javascript html

window.history.pushState([data], 'Title', '/url');

当我在这里设置数据时,我该如何使用它们以及这意味着什么类型的数据?

最佳答案

data 对象用于存储您选择的与历史项关联的结构化数据,以便在重新访问状态时,应用程序有一些可用的关联数据。也许您可以保存用户之前查看的页面位置,或者他们输入但从未提交的一些表单选项。

浏览器将在触发后退按钮时调用 popstate() 方法,该方法会将推送到堆栈的最新状态弹出。开发人员应向 window 对象添加事件监听器,以自定义处理 popstate 事件(例如使用与状态关联的数据)。

// Below function will get fired for every app-wide popstate
window.addEventListener('popstate', function(event) {
  // Can access state data using event.state.data
});

关于javascript - window.history.pushState() 数据,如何以及何时检索它们?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44617363/

相关文章:

javascript - 根据单选按钮的可见性执行验证

javascript - Cypress ,从 API 响应中读取数据

javascript - Nodejs 聊天服务器跨页面持久化

带有固定表头和表体垂直滚动条的 Html 表

javascript - 无法从 getElementById 获取输入类型 ="hidden"

javascript - 为 url 参数组合创建循环

javascript - 提交一个表单和 Ajaxing

java - Web 应用程序上的网络质量指示器

php - ssl 不适用于 chrome 和 safari

javascript - 如何使用 Post 发送数据库将动态添加的表行表单值传递给 Javascript