JavaScript：设置Cookie不起作用

Question

我想将来自HTML输入标记的用户输入作为cookie存储，以便稍后使用。我需要读取多个输入框，并在用户点击按钮时存储文本值。

我的问题是，保存信息到一个cookie似乎不正确工作，而不是保存任何信息，从我可以使用警报（document.cookie中）

HTML代码中看到：

<form id="contact-form"> 
    <label for="name">Log entry name:</label> 
    <input type="text" id = "eName" value="" placeholder="Run at the park"/> 
    <label for="email">Name of exercise:</label> 
    <input type="name" id = "exercise" value="" placeholder="Jogging" /> 
    <label for="telephone">Date: </label> 
    <input type="number" id = "date" value="" /> 
    </form> 

<li><a href="#" onclick ="setCookie()"> Add New Log</a></li> 
<li><a href="#" onclick ="getCookie()"> cookie</a></li> 

的JavaScript：

<script type = "text/JavaScript"> 
function setCookie(){ 

var cookieString = "entry=" + document.getElementById("eName").value + 
        ";exercise=" + document.getElementById("exercise").value + 
        ";date=" + document.getElementById("date").value ; 

document.cookie = cookieString; 

} 

function getCookie(){ 

alert(document.cookie); 

} 

当我告诉饼干作为警告，这是响应：

JavaScript新手，所以请温和我谢谢你，所有的帮助appriciated。

Answer 1

您无法通过使用document.cookie来读取cookie。

为了读取cookie时，使用此：

function getCookie(c_name) { 
    if (document.cookie.length > 0) { 
     c_start = document.cookie.indexOf(c_name + "="); 
     if (c_start != -1) { 
      c_start = c_start + c_name.length + 1; 
      c_end = document.cookie.indexOf(";", c_start); 
      if (c_end == -1) { 
       c_end = document.cookie.length; 
      } 
      return unescape(document.cookie.substring(c_start, c_end)); 
     } 
    } 
    return ""; 
}