使用javascript来记住用户在以前的页面上所做的选择?

使用javascript来记住用户在以前的页面上所做的选择?,javascript,html,variables,cookies,global-variables,Javascript,Html,Variables,Cookies,Global Variables,我有一些页面,在最后一页我需要知道用户在最后两页上做了什么选择。 像这样: a、 html 用户在这里有三个选择,可以将他/她带到不同的URL。我需要以某种方式保存此选项,并在以后使用它 例如: <script>globalVariable1="firstchoice"</script> <script>globalVariable2="thirdchoice"</script> <script> if(globalVariab

我有一些页面,在最后一页我需要知道用户在最后两页上做了什么选择。 像这样:

a、 html 用户在这里有三个选择,可以将他/她带到不同的URL。我需要以某种方式保存此选项,并在以后使用它

例如:

<script>globalVariable1="firstchoice"</script>
<script>globalVariable2="thirdchoice"</script>
<script>
  if(globalVariable1 == "firstchoice"){
    //do this
  }
  if(globalVariable2 == "thirdchoice"){
    //do this
  }

</script>
globalVariable1=“第一选择”
b、 html 这是三个选项中的一个页面,在这里用户有3-4个新选项,可以将他/她带到不同的URL。我还需要以某种方式保存此选项以供以后使用

例如:

<script>globalVariable1="firstchoice"</script>
<script>globalVariable2="thirdchoice"</script>
<script>
  if(globalVariable1 == "firstchoice"){
    //do this
  }
  if(globalVariable2 == "thirdchoice"){
    //do this
  }

</script>
globalVariable2=“第三选择”
c、 html 这是我需要知道用户先前所做选择的页面。如果用户想回到我的面包屑解决方案中,就能够链接回那些精确的页面

例如:

<script>globalVariable1="firstchoice"</script>
<script>globalVariable2="thirdchoice"</script>
<script>
  if(globalVariable1 == "firstchoice"){
    //do this
  }
  if(globalVariable2 == "thirdchoice"){
    //do this
  }

</script>

if(全局变量1==“第一选择”){
//这样做
}
if(全局变量2==“第三选择”){
//这样做
}
我可以用javascript中的一些全局变量来实现这一点,或者如何解决这个问题


谢谢

您必须存储cookies来跟踪用户的状态。尝试它有一个非常简单的键值界面,你可以在它的GitHub页面上看到它。

你必须存储cookie来跟踪用户的状态。尝试它有一个非常简单的键值接口,您可以在它的GitHub页面上阅读。

网页是无状态的,因此您不能在页面之间共享全局JavaScript变量

但是,您可以使用cookie的值为页面和包含模块设置全局变量

您的Cookie将在当前浏览器的域的所有页面上可用

示例:

//Page 1: Set cookie depending on user choice
$.cookie("choice1", ValueOfChoice1);

//Page 2: Get previous user choice
globalVariable1 = $.choice1("example");

如果您想了解有关如何使用cookie的更多详细信息,可以阅读。

网页是无状态的,因此您无法在页面之间共享全局JavaScript变量

但是,您可以使用cookie的值为页面和包含模块设置全局变量

您的Cookie将在当前浏览器的域的所有页面上可用

示例:

//Page 1: Set cookie depending on user choice
$.cookie("choice1", ValueOfChoice1);

//Page 2: Get previous user choice
globalVariable1 = $.choice1("example");

如果您想了解有关如何使用Cookie的更多详细信息,可以阅读。

如果您使用的是PHP或Asp.Net等服务器端语言,另一种选择是在服务器上的用户会话中刷新这些值。

如果您使用的是PHP或Asp.Net等服务器端语言,另一种选择是在服务器上的用户会话中刷新这些值服务器。

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

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

您可以使用。一种浏览器API,它可以保留键/值对,即使您在页面之间导航、重新加载页面或关闭并重新打开浏览器

//setting a value
localStorage["foo"] = "bar";

//getting a value
var x = localStorage["foo"];
使用sessionStorage也可以

//setting a value
sessionStorage["foo"] = "bar";

//getting a value
var x = sessionStorage["foo"];
Wikipedias文章将localStorage和sessionStorage之间的区别描述为:

本地存储中的数据是每个域的数据(最初存储数据的域中的所有脚本都可以使用该数据),并在浏览器关闭后保持不变。会话存储是每个窗口的每页存储,并且仅限于窗口的生存期。会话存储旨在允许同一web应用程序的不同实例在不同的窗口中运行,而不会相互干扰,Cookie不支持这种用例。您可以使用。一种浏览器API,即使您在页面之间导航、重新加载页面或关闭并重新打开浏览器,也能保持键/值对

//setting a value
localStorage["foo"] = "bar";

//getting a value
var x = localStorage["foo"];
使用sessionStorage也可以

//setting a value
sessionStorage["foo"] = "bar";

//getting a value
var x = sessionStorage["foo"];
Wikipedias文章将localStorage和sessionStorage之间的区别描述为:


本地存储中的数据是每个域的数据(最初存储数据的域中的所有脚本都可以使用该数据),并在浏览器关闭后保持不变。会话存储是每个窗口的每页存储,并且仅限于窗口的生存期。会话存储旨在允许同一web应用程序的不同实例在不同的窗口中运行,而不会相互干扰,Cookie不支持这种使用情况。我得到
未捕获引用错误:$未定义
查看我答案中的链接,您需要下载。您是否在cookie插件之前导入jQuery?是一个JavaScript框架,用于Web上的大多数网站。在您之前的脚本声明之前添加以下内容:
我认为他们试图在trolling方面做的不太出色的尝试是,在他们说之前,您不会假设有人在使用jQuery。我得到的是
未捕获的引用错误:$未定义
查看我答案中的链接,您需要下载。您是否在cookie插件之前导入jQuery?是一个JavaScript框架,用于Web上的大多数网站。在您之前的脚本声明之前添加以下内容:
我认为他们试图在trolling方面做出的不太出色的尝试是,在他们这么说之前,您不会假设有人在使用jQuery。