从另一个 HTML 页面检索 cookie - 基于链接的选项选择

Question

首先感谢任何花时间阅读本文的人。

我花了很多时间试图为自己解决这个问题，但收效甚微。我创建了一个脚本来存储来自用户输入的 cookie - 这是一个公共链接，指向我到目前为止所获得的内容 jsfiddle 。

如果我想在同一站点的另一个 html 页面上检索用户信息 - 我需要做什么？ （我使用cookie.js来处理脚本）

是否可以根据下拉菜单中的选择将用户转移到另一个页面，但仍会收集 cookie。

最终结果将是 - 用户输入个人信息并从下拉菜单中进行选择，然后单击转到 - 转到由用户在下拉菜单中选择指定的页面的链接 - 新页面包含来自 cookie 的用户信息。

仅供参考，小提琴中的.container div 只是为了测试cookies 在此先感谢

<input id="firstName" type="text">
 <select id="service">
  <option value="plumbing">Plumbing</option>
  <option value="Handyman">Handyman</option>
  <option value="odd-jobs">Odd Jobs</option>
  <option value="electrical">Electricale</option>
 </select>

 <button id="go">go</button>
 <div class="container"></div>

$("#go").on("click", function(e) {
name = $("#firstName").val();
service = $("#service").val();
Cookies.set('Name', name);
Cookies.set('Service', service)
var Uname = Cookies.get('Name');var Uservice = Cookies.get('Service');

$("div.container").html("<p>Hello " + Uname + ".</p><p>You would like to book " + Uservice + "!</p>");});

Answer 1

Cookies 按域（或子域）存储。 因此，您在一个页面上设置的 cookie - 将在同一网站的另一个页面上可用。