Javascript,如何使用GET将变量值传输到下一页？

2023年1月6日 238次阅读

我正在使用
Javascript和Jquery为我的学校作业编写移动应用程序代码.我试图通过使用get函数将变量天的值传递到另一个页面,下面的代码是我到目前为止所做的事情.我在这里尝试做的是在result.html上为变量分配一个id,以便我可以在schedule.html上调用它.但是,当’write.document-ed’时,变量值不会出现在schedule.html中,而结果则是[Object object].

result.html

<html>
var days = (weight/0.064); 
var days= document.getElementById('myday').value;
</html>

schedule.html

<html>
var days;
var days = document.getElementById('myday').value;
write.document(day);
</html>

该项目有4个文件,3个htmls和1个js文件.第一个html文件index.html接收来自表单的输入并将它们放在函数中并提交给result.html. Common.js与所有html文件共享,以放入所有不同的公式和函数.

我知道如何将common.js中的变量传递到页面中,就像我使用表单一样使用index.html将result.html传递给result.html：

的index.html

 function bigfunction(){
    var weight = 
    smallfunction(parseFloat(document.form.Weight.value));
    document.form.weight.value = weight;
    document.form.submit()

Common.js

smallerfunction(weight){
var weight = weight;
}

result.html

<script>
var weight;
 weight = decodeURIComponent(getUrlVars()["weight"]);
</script>

Weight = <script>document.write(weight)</script>

但是,我不认为我可以使用与上面相同的方法将变量值从result.html传输到schedule.html,因为result.html上没有表单要提交到下一页.我有Jquery和所有软件很好地安装,我想我听到了一些关于使用DOM来做到这一点,但我不知道如何…我想我更喜欢使用得到的答案就像我在前两个代码示例和DOM中做的那样但只要它有效我就全都耳朵！

答案：localstorage

result.html

var days = localStorage.setItem("days", days);

schedule.html

var days;
days = localStorage.getItem("days");
days: document.write(days)

谢谢alll !!!!!!!!!!!!!!!!!!!!!!!!!!

最佳答案 有两种方式,但我会在这里推荐第二种方式：

选项卡(浏览器范围)之间共享更持久的方式(数据保持即使浏览器关闭)：

// setter
localStorage.setItem("data", { date: 'whatever', anotherKey: 'somevalue' });
// getter
var data = localStorage.getItem("data");

或者,我更喜欢非持久性数据,sessionStorage(保持到浏览器/选项卡关闭),不在选项卡之间共享(选项卡范围)

// setter
sessionStorage.setItem("data", { date: 'whatever', anotherKey: 'somevalue' });
// getter
var data = sessionStorage.getItem("data");

请注意,如果某些数据保留在那里,使用localStorage可能会导致不必要的行为,如果他在几天/几周后回来,将再次向用户显示.

点赞