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

【问题标题】：Get value of a variable in another page using jquery使用jquery获取另一个页面中变量的值
【发布时间】：2012-03-16 06:52:37
【问题描述】：

我真的很震惊。实际上问题是，我有 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
        });
});

现在我需要在 index.html 中的 another.js 文件中获取“text”的值。

另一个.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>

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

【问题讨论】：

标签： jquery get

【解决方案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

【讨论】：

... 或者这个。不过，请确保您的浏览器首先支持它。
@viyancs ：嘿，这里出了点问题......它没有将值存储到“文本”。如果我只给 alert(text) 它的打印 null(empty)。如果我们必须使用一些重置和其他一些功能，我认为它会出错。
是的，因为var text 没有值，您可以使用变量text = localStorage.getItem("text"); 和alert(text); 定义，这将是返回值，就像您在localStorage.setItem("text",$(this).val()); 中设置的值一样
您必须阅读本地存储的文档，该文档将保存在您的浏览器中，因此您可以在浏览器的另一个选项卡、url 中调用它，并附上您不删除本地存储的注释...： )
@viyancs ：好的，知道了。实际上，当我单击按钮时，它会存储到文本中。不是吗？我有一个重置按钮。如果我点击那个重置按钮的值正在存储？如何避免这种情况？

【解决方案2】：

在两个单独的 HTML 页面中包含相同的 Javascript 文件不会将变量值相互传递。因此，这并不意味着由于您的common.js 在这两个文件中，您就可以访问另一页中修改过的内容。

您可能想要使用 cookie、查询字符串或做一些服务器端代码魔术。

【讨论】：

或@viyancs 下面的建议。