如何在 javascript 中使用 json 设置多个 cookies

Question

这是我的 html 代码

<form id="myform" action="#">
  <input type="text" id="barnd_name"/><br/><br/><br/>
  <input type="text" id="work_name"/><br/><br/><br/>
  <input type="text" id="express"><br/><br/>
  <input type="button" value="Submit" id="submit" onclick="setcookie()"/>
  <input type="button" value="get" id="submit" onclick="getcookie()"/>
</form>

这是js代码

  function setcookie() {
    var customobject = {};
    customobject.brandname = document.getElementById('barnd_name').value;
    customobject.workname = document.getElementById('work_name').value;
    customobject.express = document.getElementById('express').value;
    var json = JSON.stringify(customobject);
    document.cookie = "cookie=" + json;
  }

  function getcookie() {
    var namevaluearray = document.cookie.split("=");
    var customobject = JSON.parse(namevaluearray[1]);
    document.getElementById("barnd_name").value = customobject.brandname;
    document.getElementById("work_name").value = customobject.workname;
    document.getElementById("express").value = customobject.express;
  }

但是当我单击 setcookie 按钮时它不起作用。 我想在单击设置 cookie 按钮时设置 cookie，当我单击获取 cookie 按钮时，我想显示客户在文本框中写入的文本

请帮我解决这个问题。谢谢。

Answer 1

这是我的 html 代码

<form id="myform" action="#">
  <input type="text" id="barnd_name"/><br/><br/><br/>
  <input type="text" id="work_name"/><br/><br/><br/>
  <input type="text" id="express"><br/><br/>
  <input type="button" value="Submit" id="submit" onclick="setcookie()"/>
  <input type="button" value="get" id="submit" onclick="getcookie()"/>
</form>

这是js代码

  function setcookie() {
    var customobject = {};
    customobject.brandname = document.getElementById('barnd_name').value;
    customobject.workname = document.getElementById('work_name').value;
    customobject.express = document.getElementById('express').value;
    var json = JSON.stringify(customobject);
    document.cookie = "cookie=" + json;
  }

  function getcookie() {
    var namevaluearray = document.cookie.split("=");
    var customobject = JSON.parse(namevaluearray[1]);
    document.getElementById("barnd_name").value = customobject.brandname;
    document.getElementById("work_name").value = customobject.workname;
    document.getElementById("express").value = customobject.express;
  }

但是当我单击 setcookie 按钮时它不起作用。 我想在单击设置 cookie 按钮时设置 cookie，当我单击获取 cookie 按钮时，我想显示客户在文本框中写入的文本

请帮我解决这个问题。谢谢。