2017-03-18 107 views
1

因此,我环顾四周,没有关于在网页上收集数据的收集,所以如果我刷新所述页面,它仍然会有我以前选择的一切。我想在我的网站上实现此功能。保持我的选择刷新页面

enter image description here

如果我选择其中一个选项被选中,它过滤到所述的选择,但我想那个选项,我的网页上保存网页时被刷新。反正有这样做吗?

+0

你需要有一些国家的机制。 例如:网址或cookies /会话 您也可以使用localStorage –

+0

@OmriLuzon如何编码?我知道我需要一些localStorage类型,但不知道如何实现这一点。 –

回答

0

有很多方法可以做到这一点。

首先,您可以将它保存在服务器上,但它会耗费大量资源,并且在大多数情况下不是很好的解决方案。

对于这个问题最好的方式来存储这个信息在客户端。您可以使用cookies,会话存储和本地存储等内容。 我认为会话和本地存储是最适合您的用途。它们之间的差异会话存储当前sessin - 浏览器窗口的保存信息,在浏览器窗口关闭后丢失。本地存储器适用于浏览器,失去自信和清晰(手动)存储。所以在当前的计算机和浏览器本地存储将保存信息,直到它直接清除))

也可以使用查询字符串,但它是不好的解决方案。

您可以在互联网上简单地找到关于localstorage的更多信息。另外流行的框架如angularjs也提供服务来管理本地和会话存储的工作)

+0

那我到底会写什么呢? –

0

实现您要查找的最简单方法是使用LocalStorage,这是大多数Web浏览器都支持的功能。

JavaScript中的API看起来是这样的:

function onClick(){ 
    localStorage.setItem('selectedRole', role); 
} 

并在页面加载:

$(document).ready(function() { 
    selectedRole = localStorage.getItem('selectedRole') 
}); 

你或许应该修改一下代码,以满足您的需求,这就是我猜你已经实现了你的应用

+0

我不希望它保存选定的冠军只是已选择的角色。 –

+0

所以只需根据您的需要更改:) –

+0

所以我应该做'localStorage。setItem('selectedRole',刺客); –

0

在你的情况,sessionStorage是最好的选择,因为你需要坚持只刷新。在页面关闭时,数据将会丢失。

商店使用页面刷新的数据:

window.onbeforeunload = function() { 
    sessionStorage.setItem('selectedFilter', selectedFilterData); 
}; 

使用检索页面加载的数据:

window.onload = function() { 
    var selectedFilter = sessionStorage.getItem('selectedFilter'); 
    if(selectedFilter !== null) { 
     //set the selections 
    } 
}; 
相关问题