jquery - 使用jquery获取另一个页面中变量的值

Question

我真的很震惊。实际上问题是，我有 2 个网页名称为 menu.html 和 index.html。在 menu.html 中，我有 3 个按钮，例如“一、二、三”，当我单击任何一个按钮时，它都会重定向到 index.html。因此，我编写了一个 common.js 文件，用于获取我在 menu.html 中单击的按钮的值。我已将 common.js 包含到 menu.html 和 index.html 中。

common.js:

var text=" ";
$(document).ready(function() {
    $('input:button').click(function() {
        text = $(this).val();
        alert(text); //here am getting correct values for a button like 'one,two or three' in menu.html page
        });
}); 

现在我需要获取另一个.js文件中“text”的值，该文件位于index.html中。

另一个.js:

$(document).ready(function() {
    alert("text "+text); //here am getting empty value.
});

而且我正确地包含在index.html中:

<script src="common.js" type="text/javascript"></script>
<script src="another.js" type="text/javascript"></script>

这里做错了什么？提前谢谢你。

Answer 1

你可以使用localStorage()函数，localstorage会像cookie一样保存你的数据，但它非常强大，因为localstorage可以保存比cookie更大的数据。

在你的情况下可能是这样的

$(document).ready(function() {
    $('input:button').click(function() {
        localStorage.setItem("text",$(this).val());
        });
}); 

然后在另一个页面中您只需通知此内容

$(function(){
 alert("text" + localStorage.getItem("text"));
});

这是详细信息local storage