Question

我查看了stackoverflow以获得我的问题的答案，但我不完全理解他们或他们不为我工作。我正在为作业创建一个地址簿，我希望能够在不使用数据库的情况下保留我添加的人员的姓名。我希望能够制作一个可以存储该人信息的cookie。这是我到目前为止的任务：http://pastebin.com/4vX2h0A0 它没什么特别的，但如果有人可以提供帮助我真的很感激：D

Answer 1

我以下面的方式使用了这个例子，它对你很有帮助。

<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);
   }
}

这是html表单：

<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>

Answer 2

我想你可能会发现这是一个很好的阅读： http://www.w3schools.com/js/js_cookies.asp

您可以通过Javascript设置和检索Cookie，我认为这是您要做的事情。看看W3C资源，你应该好好去。

快速概述：

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

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

祝你好运！

Answer 3

你可以随时做：

document.cookie="addressBook=..."

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

但你可能会看一下本地存储： localStorage array of objects handling

在我的HTML页面中添加cookie？

3 个答案: