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

Question

首先感谢大家花时间阅读本文。

我花了相当多的时间尝试自己解决这个问题，但收效甚微。我创建了一个脚本来存储用户输入的 cookie - 这是我到目前为止所得到的公共(public)链接 jsfiddle 。

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

是否有可能根据下拉列表中的选择将用户转移到另一个页面，但仍然收集 Cookie。

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

仅供引用， fiddle 中的.container div只是为了测试cookie提前致谢

<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

Cookie 按域(或子域)存储。因此，您在一个页面上设置的 Cookie 将在同一网站的另一页面上可用。