從另一個HTML頁面檢索cookie-選擇基於鏈接的選項

Question

首先，感謝您抽出寶貴時間閱讀本文。

我花了很多時間嘗試自己解決這個問題，但收效甚微。 我創建了一個腳本來存儲來自用戶輸入的cookie-這是到目前為止我擁有的jsfiddle的公共鏈接。

如果我想在同一站點的另一個html頁面上檢索用戶信息-我該怎么辦？ （我正在使用cookie.js處理腳本）

基於下拉菜單中的選擇，用戶是否有可能轉向其他頁面，但仍在收集Cookie。

最終結果將是-用戶輸入個人信息並從下拉菜單中選擇，然后單擊“開始”-轉到由下拉菜單中用戶選擇指定的頁面的鏈接-新頁面包含cookie中的用戶信息。

僅供參考。小提琴中的.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

Cookies按域（或子域）存儲。 因此，您在一個頁面上設置的cookie-將在同一網站的另一頁面上可用。