在两页html之间使用jquery

时间:2016-08-11 21:13:30

标签: javascript jquery html

所以理论上我有两个html页面和一个js文件。

我想保存一个从第一个html页面获得的变量(以数据属性的形式),然后在另一个html页面中使用它。

可以这样想 - 有一个链接,当我点击它时,它会将我带到另一个页面,但也会保存数据属性,然后在下一页中使用它。

很抱歉,如果每个人都讨厌我,因为我没有发布代码,但我认为这是一个直截了当的问题。

2 个答案:

答案 0 :(得分:3)

我建议你将变量保存在本地存储中... 但有多种方式,在我看来这是最简单的方法。

保存本地存储中的内容:

(IList)Activator.CreateInstance(genericType)

从本地存储中获取内容:

localStorage.setItem('test', variableName);

删除本地存储空间:

localStorage.getItem('variableName')

从本地存储中删除单个项目

window.localStorage.clear();
在这种情况下,

variableName是本地存储变量的标识符。您可以随意放置任何内容,但请记住,本地存储中只有一个具有相同名称的标识符,否则将会发生冲突。

答案 1 :(得分:0)

您可以使用会话存储或本地存储

第1页:

$('body').on('click', '#changeRoute', function() {
   localStorage.setItem('previousId', $(this).attr('id');
});

第2页:

$(document).ready(function() {
   console.log(localStorage.getItem('previousId'));
});

你可以使用url params。

第1页

<a href="/nextPage?key=FromFirstPage">Change Route</a>

第二页

$(document).ready(function() {
   console.log(document.location.search.split('=')[1])
});