Java 将cookie添加到我的HTML页面？

我环顾四周寻找我问题的答案，但我不完全理解他们，或者他们不适合我。我正在为一项任务创建一个通讯簿，我希望能够在不使用数据库的情况下保留我添加的人的姓名。我希望能够制作一个能够存储个人信息的cookie。这是我目前的任务：

---

这没什么特别的，但如果有人能帮忙，我会非常感激的：D

我想你可能会发现这是一本很好的读物：

您可以通过Javascript设置和检索cookies，我认为这正是您要做的。看看W3C资源，你应该准备好了

快速概述：

document.cookie = "key=value";
var x = document.cookie;
console.log(x);

这应该会输出到你的控制台“你的cookie值”。继续阅读并试一试。请记住，如果您继续设置document.cookie值，它将附加到该值，并且当您执行var x=document.cookie时；你会得到一切。您必须自己解析它，但是W3C资源提供了一个很好的函数来帮助您

---

祝你好运

您可以随时执行以下操作：

document.cookie="addressBook=..."

您可能希望对包含地址簿的对象执行类似于JSON.stringify（）的操作，然后将其添加到cookie中。阅读时只需对其执行JSON.parse（）

但您可能会转而考虑本地存储：

---

我以下面的方式使用了这个示例，它对您非常有帮助

<script type="text/javascript">

function WriteCookie()
{
   if( document.searchrecord.search.value == "" ){
       alert("Enter some value!");
      return;
   }

   cookievalue= escape(document.searchrecord.search.value) + ";";
   document.cookie="name=" + cookievalue;
   alert("Setting Cookies : " + "name=" + cookievalue );
}

function ReadCookie()
{
   var allcookies = document.cookie;
   alert("All Cookies : " + allcookies );

   // Get all the cookies pairs in an array
   cookiearray  = allcookies.split(';');

   // Now take key value pair out of this array
   for(var i=0; i<cookiearray.length; i++){
      name = cookiearray[i].split('=')[0];
      value = cookiearray[i].split('=')[1];
      alert("Key is : " + name + " and Value is : " + value);
   }
}

函数WriteCookie（）
{
如果（document.searchrecord.search.value==“”）{
警报（“输入一些值！”）；
返回；
}
cookievalue=escape（document.searchrecord.search.value）+“；”；
document.cookie=“name=”+cookievalue；
警报（“设置Cookies:”+“name=“+cookievalue”）；
}
函数ReadCookie（）
{
var allcookies=document.cookie；
警报（“所有Cookie:+AllCookie”）；
//获取数组中的所有cookie对
cookiearray=allcookies.split（“；”）；
//现在从这个数组中取出键值对
对于（var i=0；iThanks:）这真的很有帮助！注意这可能会导致麻烦，因为您没有可引用的cookie密钥。如果在此之前设置了cookie，您将得到以下结果：someCookie=foo；someOtherCookie=bar；您的cookie值，这使得您很难获得“您的cookie值”特别是如果这是动态的，我会注意的！：）你提出了一个很好的观点mondo。我已经按照你的建议编辑了答案以反映key=value模式。我尝试将其添加到我的html中，但它就是不起作用。你能解释一下我应该如何具体地将其添加到我的html中吗？非常感谢：）让我知道这是否对你有帮助。我怎样才能将它插入我的html页面？你可以在代码的正上方，即head标记中的脚本代码，然后在body中添加这个表单。@Mayur这是一个非常有用的例子。
<form name="searchrecord" method="get" id="category" action="" onsubmit="WriteCookie()">
        <b>Search By Category :- </b>
        <select name="search" style="width:145px;">
                    <option value="Today's Deals">Today's Deals</option>
                    <option value="Laptop">Laptop</option>
                    <option value="TV" >TV</option>
                    <option value="Tablet">Tablet</option>
        </select>
        <input type="submit" name="btn" value="Search" onclick="ReadCookie()"/>

</form>