在两个html页面之间使用jquery [重复]答案

【问题标题】：Using jquery between two pages of html [duplicate]在两个html页面之间使用jquery [重复]
【发布时间】：2016-08-12 05:19:05
【问题描述】：

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

我想保存从第一个 html 页面获取的变量（以数据属性的形式），然后在另一个 html 页面中使用它。

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

很抱歉，如果大家因为我没有发布代码而讨厌我，但我认为这是一个直截了当的问题。

【问题讨论】：

您正在寻找的是 服务器端代码 -- 不是 jQuery/JS programmers.stackexchange.com/questions/171203/…
如何从第一页获取变量？您如何使用第二页中的变量？如果我们能看到您尝试了什么以及出了什么问题，这肯定会有助于澄清。
@showdev 我从我点击的“链接”上的数据属性中获取它。所以想象一下，如果它是一个图片库——我单击一个缩略图，将我带到另一个页面，并且该单击还捕获了缩略图数据属性。然后我想在下一页使用该属性。
@Krang 看看我的回答，我相信这就是你所需要的。

【解决方案1】：

我建议您将变量保存在本地存储中... 但是有多种方法，我认为这是最简单的。

在本地存储中保存内容：

localStorage.setItem('test', variableName);

从本地存储中获取一些东西：

localStorage.getItem('variableName')

删除本地存储：

window.localStorage.clear();

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

localStorage.removeItem('variableName');

variableName 在这种情况下是本地存储变量的标识符。你可以放任何你想要的东西，但请记住，本地存储中必须只有一个同名的标识符，否则会发生冲突。

【讨论】：

【解决方案2】：

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

第一页：

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

第二页：

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

或者你可以使用url参数。

第一页

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

第二页

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

【讨论】：