如何将一个页面上的js变量集传递给另一个js文件

时间:2018-05-07 08:58:21

标签: javascript jquery html

我觉得我的标题有点模糊,但我不确定如何准确地说出这些。

假设我有2个页面,page1.php和page2.php,它们分别有一个js文件,page1.js和page2.js。在page1.js中我创建了一个var x = 1和一个每次按下我放在page1.php上的按钮时x增加1的函数。所以我按下按钮一次,x是2,另一次按下使x 3等。

现在我提交了按钮所在的表单,表单有动作page2.php,所以它将我发送到page2.php,现在我需要在page2.js中使用我的变量x。这是怎么做到的?

我查看了本地存储,无法弄清楚这一点。我不知道如何做到这一点,我只需要在page2.js文件中的page1.php上找到最终的x。如果它通过jQuery或纯JS完成并不重要。

EDIT1:我觉得我已经到了某个地方?我把它添加到page1.js:

localStorage.getItem('iamount', i);
localStorage.getItem('oamount', o);

我尝试将这些作为setItem但是没有区别

和这到page2.js:

var i = localStorage.getItem("iamount");
var o = localStorage.getItem("oamount");

console.log(i);
console.log(o);

现在我和o都在控制台中显示为1.我可以向你保证i和o实际上在第1页上增加,那么为什么它们会显示为1?

4 个答案:

答案 0 :(得分:0)

如果您可以使用Ajax提交表单,您可以在表单中注入变量,使用PHP将其作为$ myvar = $ _POST ['myvar']读取,并将其写入

之类的标记中

<script> var myvar = <?php echo $myvar; ?>;</script>

但这看起来很笨拙......

答案 1 :(得分:0)

您可以尝试通过第1页的url中的查询字符串传递变量,并在第2页中读取该查询字符串以读取该变量的值。

答案 2 :(得分:-1)

全局定义该变量。

self.text_label.setText("<a href={}>Reference Link</a>".format("/Documents/To%20be%20Saved/hello.pdf"))
self.text_label.setOpenExternalLinks(True)

在page2.js中引用page1.js

page1.js将声明,并在调用函数上初始化x和increment,这将从page2.js中声明的脚本中读取

感谢。

答案 3 :(得分:-1)

您可以使用&#39; export&#39;然后导入&#39;。 Export developer.mozilla.org